feat: update MUIDataTable styling to include width adjustment for bet…

…ter responsiveness Signed-off-by: Amit Amrutiya <[email protected]>
layer5io · Nov 14, 2024 · dba20be · dba20be
1 parent 0295e04
commit dba20be
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/custom/ResponsiveDataTable.tsx b/src/custom/ResponsiveDataTable.tsx
@@ -122,11 +122,12 @@ export const DataTableEllipsisMenu: React.FC<{
 const dataTableTheme = (theme: Theme, backgroundColor?: string) =>
   createTheme({
     components: {
-      MUIDataTable: {
+      MuiPaper: {
         styleOverrides: {
-          paper: {
+          root: {
             background: backgroundColor || theme.palette.background.default,
-            maxWidth: '-moz-available'
+            maxWidth: '-moz-available',
+            width: '-moz-available'
           }
         }
       },