diff --git a/src/pages/members/kyc/Kyc.tsx b/src/pages/members/kyc/Kyc.tsx
index b27ce0f..969db5e 100644
--- a/src/pages/members/kyc/Kyc.tsx
+++ b/src/pages/members/kyc/Kyc.tsx
@@ -222,41 +222,37 @@ const Kyc = () => {
         ) : (
           ''
         )}
-        <h1 className="text-xl font-medium leading-none text-gray-900 mb-3 grid gap-5 lg:gap-7.5 mx-8 w-auto">
-          KYC Upgrade Members
-        </h1>
-        <div className="grid gap-5 lg:gap-7.5 mx-8 w-auto">
-          <Breadcrumbs>
-            <Link underline="none" color="inherit" href="/">
-              <span className="text-sm hover:underline">Dashboard</span>
-            </Link>
+        <h1 className="text-xl font-medium leading-none text-gray-900 mb-5">KYC Upgrade Members</h1>
+        <Breadcrumbs>
+          <Link underline="none" color="inherit" href="/">
+            <span className="text-sm hover:underline">Dashboard</span>
+          </Link>
 
-            <Link underline="none" color="inherit">
-              <span className="text-sm">Members</span>
-            </Link>
+          <Link underline="none" color="inherit">
+            <span className="text-sm">Members</span>
+          </Link>
 
-            <Link underline="none" color="inherit">
-              <span className="text-sm">KYC Upgrade Members</span>
-            </Link>
-          </Breadcrumbs>
-        </div>
-        <div className="w-full overflow-x-auto px-4">
-          <div className="min-w-[800px]">
-            <DataGridProvider
-              data={members}
-              columns={getColumns(handleUpdate)}
-              pagination={{ size: 25 }}
-              toolbar={<ListToolBar />}
-              layout={{ card: true }}
-              sorting={[{ id: 'created_at', desc: true }]}
-              serverSide={false}
-              onRowSelectionChange={(selected, table: any) => {
-                const selectedRow = table.getSelectedRowModel().rows[0];
-                if (selectedRow) handleUpdate(selectedRow.original);
-              }}
-            ></DataGridProvider>
-          </div>
+          <Link underline="none" color="inherit">
+            <span className="text-sm">KYC Upgrade Members</span>
+          </Link>
+        </Breadcrumbs>
+        {/* <div className="w-full overflow-x-auto"> */}
+        <div className="grid gap-5 lg:gap-7.5 mt-5">
+          <DataGridProvider
+            data={members}
+            columns={getColumns(handleUpdate)}
+            pagination={{ size: 25 }}
+            toolbar={<ListToolBar />}
+            layout={{ card: true }}
+            sorting={[{ id: 'created_at', desc: true }]}
+            serverSide={false}
+            onRowSelectionChange={(selected, table: any) => {
+              const selectedRow = table.getSelectedRowModel().rows[0];
+              if (selectedRow) handleUpdate(selectedRow.original);
+            }}
+          ></DataGridProvider>
         </div>
+        {/* </div> */}
       </Container>
     </>
   );