remove ripples

client/src/theme/theme.ts

@@ -54,8 +54,44 @@ export const theme = (mode: string, palette: any) =>
       MuiButtonBase: {
         defaultProps: {
           disableRipple: true,
+          disableTouchRipple: true,
         },
       },
+      MuiButton: {
+        defaultProps: {
+          disableRipple: true,
+          disableTouchRipple: true,
+          disableFocusRipple: true,
+        },
+      },
+      MuiIconButton: {
+        defaultProps: {
+          disableRipple: true,
+          disableTouchRipple: true,
+          disableFocusRipple: true,
+        },
+      },
+      MuiListItemButton: {
+        defaultProps: {
+          disableRipple: true,
+          disableTouchRipple: true,
+        },
+      },
+      MuiTab: {
+        defaultProps: {
+          disableRipple: true,
+          disableTouchRipple: true,
+          disableFocusRipple: true,
+        },
+      },
+      MuiToggleButton: {
+        defaultProps: {
+          disableRipple: true,
+          disableTouchRipple: true,
+          disableFocusRipple: true,
+        },
+      },
+
       MuiFormLabel: {
         styleOverrides: {
           root: ({ theme }) => ({
@@ -104,9 +140,6 @@ export const theme = (mode: string, palette: any) =>
           },
         },
       },
-      MuiButton: {
-        styleOverrides: {},
-      },
     },
     shape: {
       borderRadius: 2,