diff --git a/src/renderer/components/top-nav/top-nav.scss b/src/renderer/components/top-nav/top-nav.scss
index eb94f0c4a2324..1c8d0000d8fb2 100644
--- a/src/renderer/components/top-nav/top-nav.scss
+++ b/src/renderer/components/top-nav/top-nav.scss
@@ -54,11 +54,6 @@
 
   @include top-nav-is-colored {
     color: var(--text-with-main-color);
-
-    &:hover,
-    &:focus {
-      background-color: var(--primary-color-hover);
-    }
   }
 
   &.fa-arrow-left,
@@ -69,10 +64,13 @@
     user-select: none;
   }
 
-  &:hover,
-  &:focus {
+  &:hover {
     background-color: var(--side-nav-hover-color);
     transition: background 0.2s ease-in;
+
+    @include top-nav-is-colored {
+      background-color: var(--primary-color-hover);
+    }
   }
 
   &:active {