fix: always render hover color + only change text on dark mode

newrelic · Aug 7, 2020 · 32ac1ae · 32ac1ae
1 parent 34c5fd4
commit 32ac1ae
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/NavigationItems.module.scss b/src/components/NavigationItems.module.scss
@@ -11,7 +11,7 @@
   border-radius: 0.25rem;
   padding-left: calc(0.5rem + 1em);
 
-  &:not(.isCurrentPage):hover {
+  &:hover {
     color: var(--primary-text-hover-color);
   }
 
@@ -74,9 +74,9 @@ button.navLink {
 
 .isCurrentPage {
   background: var(--color-neutrals-100);
-  color: var(--primary-text-hover-color);
 
   :global(.dark-mode) & {
+    color: var(--primary-text-hover-color);
     background: var(--color-dark-100);
   }
 }