updated the ui

src/themes/overrides/TableCell.js

@@ -1,42 +1,31 @@
 // ==============================|| OVERRIDES - TABLE CELL ||============================== //
 
 export default function TableCell(theme) {
-  const commonCell = {
-    '&:not(:last-of-type)': {
-      position: 'relative',
-      '&:after': {
-        position: 'absolute',
-        content: '""',
-        backgroundColor: theme.palette.divider,
-        width: 1,
-        height: 'calc(100% - 30px)',
-        right: 0,
-        top: 16
-      }
-    }
-  };
-
   return {
     MuiTableCell: {
       styleOverrides: {
         root: {
           fontSize: '0.875rem',
-          padding: 12,
+          padding: '14px 12px',
           borderColor: theme.palette.divider
         },
         sizeSmall: {
-          padding: 8
+          padding: '10px 8px'
         },
+        // Clean enterprise header: small, muted, well-tracked uppercase labels.
+        // The old vertical divider rules between header cells were removed —
+        // modern data tables (Stripe/Linear) keep headers borderless and quiet.
         head: {
-          fontSize: '0.75rem',
+          fontSize: '0.6875rem',
           fontWeight: 700,
+          letterSpacing: '0.06em',
           textTransform: 'uppercase',
-          ...commonCell
+          color: theme.palette.text.secondary
         },
         footer: {
           fontSize: '0.75rem',
           textTransform: 'uppercase',
-          ...commonCell
+          color: theme.palette.text.secondary
         }
       }
     }