diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index e0db15cc..437b1019 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -163,6 +163,9 @@ export const NavBar: React.FC<NavBarProps> = ({
         onClick={toggleTheme}
         sx={{
           color: darkMode ? '#ffffff' : '#0000008A',
+          '&:hover': {
+                        background: 'inherit'
+                    }
         }}
       >
         {darkMode ? <LightMode /> : <DarkMode />}