diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss
index b328bb46a2e73fe5a8164af53b7f73ebec987d4d..5dcd0476fe51e7936cf143fe1940ac38400a3b86 100644
--- a/src/app/components/shared/header/header.component.scss
+++ b/src/app/components/shared/header/header.component.scss
@@ -144,12 +144,12 @@ svg {
   }
 
   *:hover {
-    color: var(--dialog) !important;
-    background-color: var(--on-dialog) !important;
+    color: var(--on-secondary) !important;
+    background-color: var(--secondary) !important;
 
     mat-icon {
-      color: var(--dialog) !important;
-      background-color: var(--on-dialog) !important;
+      color: var(--on-secondary) !important;
+      background-color: var(--secondary) !important;
     }
   }
 
@@ -166,8 +166,8 @@ h1 {
 }
 
 ::ng-deep #cdk-overlay-0 .mat-menu-content > button:hover mat-icon {
-  color: var(--dialog) !important;
-  background-color: var(--on-dialog) !important;
+  color: white !important;
+  background-color: gray !important;
 }
 
 .userActivityIcon {
diff --git a/src/theme/dark-theme/_dark-theme.scss b/src/theme/dark-theme/_dark-theme.scss
index d0f05b4290e26c33f9c31c99fc325f80f13e4cd7..04513bca7b90a69c36c99c9479c96b3c28d93bad 100644
--- a/src/theme/dark-theme/_dark-theme.scss
+++ b/src/theme/dark-theme/_dark-theme.scss
@@ -30,8 +30,8 @@ a {
 }
 
 .mat-menu-panel .mat-menu-item:hover {
-  background-color: var(--on-dialog) !important;
-  color: var(--dialog) !important;
+  background-color: gray !important;
+  color: white !important;
 }
 
 .mat-radio-outer-circle {