diff --git a/src/components/HideNavbarAffix/HideNavbarAffix.module.css b/src/components/HideNavbarAffix/HideNavbarAffix.module.css
index ab8dc97..8f72a60 100644
--- a/src/components/HideNavbarAffix/HideNavbarAffix.module.css
+++ b/src/components/HideNavbarAffix/HideNavbarAffix.module.css
@@ -2,9 +2,18 @@
     box-shadow: 3px 3px 20px 2px rgb(0 0 0 / 8%), -3px -3px 20px 2px rgba(0, 0, 0, 0.08);
     @mixin dark {
         background-color: #454545;
+        &:hover {
+            background-color: #575757;
+        }
+
     }
     @mixin light {
-        background-color: #f1f6f8;
+        background-color: #ffffff;
         color: var(--mantine-color-dark-3);
+        &:hover {
+            background-color: #efefef;
+            color: var(--mantine-color-dark-3);
+        }
+
     }
 }
\ No newline at end of file