diff --git a/react-app/src/dashboard/Dashboard.js b/react-app/src/dashboard/Dashboard.js
index 3ed4323..82d6aa2 100644
--- a/react-app/src/dashboard/Dashboard.js
+++ b/react-app/src/dashboard/Dashboard.js
@@ -62,8 +62,8 @@ export default function Dashboard() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="Status" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="Status" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
 
         <br/>
diff --git a/react-app/src/dashboard/Payments.js b/react-app/src/dashboard/Payments.js
index 0faff7c..3046d44 100644
--- a/react-app/src/dashboard/Payments.js
+++ b/react-app/src/dashboard/Payments.js
@@ -70,13 +70,11 @@ export default function Products() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Transactions" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Transactions" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
-        <br/><br/>
-        <div>
-            <Paper sx={{ width: '100%', overflow: 'hidden' }}>
-                <TableContainer sx={{ maxHeight: 500, minHeight: 500 }}>
+            <Paper sx={{ width: '100%' }}>
+                <TableContainer>
                     <Table stickyHeader aria-label="sticky table">
                         <TableHead>
                             <TableRow>
@@ -127,7 +125,7 @@ export default function Products() {
                     onRowsPerPageChange={handleChangeRowsPerPage}
                 />
             </Paper>
-        </div>
+
 
       </Box>
     </Box>
diff --git a/react-app/src/dashboard/Payouts.js b/react-app/src/dashboard/Payouts.js
index e1f198f..006885d 100644
--- a/react-app/src/dashboard/Payouts.js
+++ b/react-app/src/dashboard/Payouts.js
@@ -26,8 +26,8 @@ export default function Payouts() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Payouts" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Payouts" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
         <br/><br/>
 
diff --git a/react-app/src/dashboard/Products.js b/react-app/src/dashboard/Products.js
index 41b1dcb..e401466 100644
--- a/react-app/src/dashboard/Products.js
+++ b/react-app/src/dashboard/Products.js
@@ -28,8 +28,8 @@ export default function Products() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Products" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Products" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
 
         <ProductList/>
diff --git a/react-app/src/dashboard/Settings.js b/react-app/src/dashboard/Settings.js
index ce8516b..00ef50a 100644
--- a/react-app/src/dashboard/Settings.js
+++ b/react-app/src/dashboard/Settings.js
@@ -27,8 +27,8 @@ export default function Settings() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="Settings" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="Settings" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
         <br/><br/>