diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 24e11d09..a8770466 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -158,14 +158,11 @@ export const NavBar: React.FC<NavBarProps> = ({
   };
 
   const renderThemeToggle = () => (
-    <Tooltip title="Toggle Mode">
+    <Tooltip title="Change Mode">
       <IconButton
         onClick={toggleTheme}
         sx={{
           color: darkMode ? '#ffffff' : '#0000008A',
-          '&:hover': {
-           background: 'inherit'
-          }
         }}
       >
         {darkMode ? <LightMode /> : <DarkMode />}
diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx
index 75dd4b8b..d9a6d745 100644
--- a/src/context/theme-provider.tsx
+++ b/src/context/theme-provider.tsx
@@ -155,14 +155,14 @@ const darkTheme = createTheme({
       styleOverrides: {
         root: {
           color: '#ffffff',
-          "&:hover": {
-            backgroundColor: 'rgba(255, 0, 195, 0.08)',
-          },
+          // "&:hover": {
+          //   backgroundColor: 'rgba(255, 0, 195, 0.08)',
+          // },
           '&.MuiIconButton-colorError': {
             color: '#f44336',
-            "&:hover": {
-              backgroundColor: 'rgba(244, 67, 54, 0.08)',
-            },
+            // "&:hover": {
+            //   backgroundColor: 'rgba(244, 67, 54, 0.08)',
+            // },
           },
         },
       },