diff --git a/projects/aca-content/src/lib/components/sidenav/sidenav.component.scss b/projects/aca-content/src/lib/components/sidenav/sidenav.component.scss
index 90701d5e2a..56a70eeefb 100644
--- a/projects/aca-content/src/lib/components/sidenav/sidenav.component.scss
+++ b/projects/aca-content/src/lib/components/sidenav/sidenav.component.scss
@@ -80,7 +80,7 @@
         user-select: none;
 
         &:hover .aca-action-button__label {
-          color: var(--theme-sidenav-text-color);
+          color: var(--theme-sidenav-active-text-color);
         }
       }
 
@@ -103,7 +103,7 @@
       line-height: 32px;
 
       &--active {
-        color: var(--theme-sidenav-text-color);
+        color: var(--theme-sidenav-active-text-color);
         background: var(--theme-selected-background-color);
       }
     }
diff --git a/projects/aca-content/src/lib/ui/variables/variables.scss b/projects/aca-content/src/lib/ui/variables/variables.scss
index f675236fa3..5aca473ee9 100644
--- a/projects/aca-content/src/lib/ui/variables/variables.scss
+++ b/projects/aca-content/src/lib/ui/variables/variables.scss
@@ -48,6 +48,7 @@ $defaults: (
   --theme-search-background-color: darken($background-color, 1),
   --theme-text-color: mat.get-color-from-palette($foreground, text, 0.54),
   --theme-sidenav-text-color: mat.get-color-from-palette($foreground, text),
+  --theme-sidenav-active-text-color: mat.get-color-from-palette($foreground, text),
   --theme-sidenav-user-menu-color: mat.get-color-from-palette($foreground, text),
   --theme-text-bold-color: mat.get-color-from-palette($foreground, text, 0.87),
   --theme-title-color: mat.get-color-from-palette($foreground, text, 0.87),