diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 58a9aaf3..1f36879e 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -164,7 +164,7 @@ export const NavBar: React.FC<NavBarProps> = ({
         sx={{
           color: darkMode ? '#ffffff' : '#0000008A',
           '&:hover': {
-            color: '#ff00c3'
+           background: 'inherit'
           }
         }}
       >
@@ -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>
@@ -595,4 +598,4 @@ const NavBarRight = styled.div`
   align-items: center;
   justify-content: flex-end;
   margin-left: auto;
-`;
\ No newline at end of file
+`;