diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx
index 5624f2af..4be51ed6 100644
--- a/src/context/theme-provider.tsx
+++ b/src/context/theme-provider.tsx
@@ -153,12 +153,18 @@ const darkTheme = createTheme({
     },
     MuiIconButton: {
       styleOverrides: {
-        root: {
-          color: '#ffffff',
-          "&:hover": {
-            backgroundColor: 'rgba(255, 0, 195, 0.08)',
-          },
+      root: {
+        color: '#ffffff',
+        "&:hover": {
+        backgroundColor: 'rgba(255, 0, 195, 0.08)',
         },
+        '&.MuiIconButton-colorError': {
+        color: '#f44336',
+        "&:hover": {
+          backgroundColor: 'rgba(244, 67, 54, 0.08)',
+        },
+        },
+      },
       },
     },
     MuiTab: {