From 57e89bdcfc896ff040d6083e139e4c554ee92056 Mon Sep 17 00:00:00 2001
From: varbuzz <rejandev@gmail.com>
Date: Thu, 6 Jul 2023 16:27:34 +0545
Subject: [PATCH] fix: center the content

---
 src/scenes/Dashboard/fragments/ImageList.tsx | 61 ++++++++++----------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/src/scenes/Dashboard/fragments/ImageList.tsx b/src/scenes/Dashboard/fragments/ImageList.tsx
index 9f09e22..92195dd 100644
--- a/src/scenes/Dashboard/fragments/ImageList.tsx
+++ b/src/scenes/Dashboard/fragments/ImageList.tsx
@@ -19,42 +19,43 @@ const ImageListings = () => {
       >
         #FuniroFurniture
       </Typography>
-      <Box
-        maxWidth='xl'
-        height='780px'
-        overflow='scroll'
-        display='flex'
-        justifyContent='center'
-        sx={{
-          '::-webkit-scrollbar': {
-            display: 'none',
-          },
-        }}
-      >
-        <ImageList
-          variant='masonry'
-          cols={3}
-          gap={8}
+
+      <Container maxWidth='xl'>
+        <Box
+          maxWidth='xl'
+          height='780px'
+          overflow='scroll'
           sx={{
             '::-webkit-scrollbar': {
               display: 'none',
             },
           }}
         >
-          <Box width='451px' height='312px'>
-            {itemData.map((item) => (
-              <ImageListItem key={item.img}>
-                <img
-                  src={`${item.img}?w=161&fit=crop&auto=format`}
-                  srcSet={`${item.img}?w=161&fit=crop&auto=format&dpr=2 2x`}
-                  alt={item.title}
-                  loading='lazy'
-                />
-              </ImageListItem>
-            ))}
-          </Box>
-        </ImageList>{' '}
-      </Box>
+          <ImageList
+            variant='masonry'
+            cols={3}
+            gap={8}
+            sx={{
+              '::-webkit-scrollbar': {
+                display: 'none',
+              },
+            }}
+          >
+            <Box width='451px' height='312px'>
+              {itemData.map((item) => (
+                <ImageListItem key={item.img}>
+                  <img
+                    src={`${item.img}?w=161&fit=crop&auto=format`}
+                    srcSet={`${item.img}?w=161&fit=crop&auto=format&dpr=2 2x`}
+                    alt={item.title}
+                    loading='lazy'
+                  />
+                </ImageListItem>
+              ))}
+            </Box>
+          </ImageList>
+        </Box>
+      </Container>
     </Box>
   );
 };