diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 56e35a6e9..94eaa7310 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -212,7 +212,11 @@ export default {
 
 .nav-link {
     &:hover {
-        background-color: rgba($primary, 0.2);
+        background-color: rgba(0, 0, 0, 0.05);
+
+        .dark & {
+            background-color: rgba(255, 255, 255, 0.05);
+        }
     }
 
     &.status-page {