diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index eb91275e..1f36879e 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -365,6 +365,9 @@ export const NavBar: React.FC<NavBarProps> = ({
                     borderRadius: '5px',
                     padding: '8px',
                     marginRight: '10px',
+                    '&:hover': {
+                        background: 'inherit'
+                    }
                   }}>
                     <AccountCircle sx={{ marginRight: '5px' }} />
                     <Typography variant="body1">{user.email}</Typography>