diff --git a/src/renderer/components/Sidebar/MainMenu.vue b/src/renderer/components/Sidebar/MainMenu.vue
index 361d0164..f1af2f4c 100644
--- a/src/renderer/components/Sidebar/MainMenu.vue
+++ b/src/renderer/components/Sidebar/MainMenu.vue
@@ -60,11 +60,12 @@ nav {
 
         &:active {
             background-color: var(--color-primary-button-pressed);
+            color: var(--color-primary-contrast);
         }
 
         &.router-link-active {
             background-color: var(--color-primary-background);
-            color: var(--color-text-primary);
+            color: var(--color-primary-contrast);
         }
     }
 }
diff --git a/src/renderer/styles/_colors.scss b/src/renderer/styles/_colors.scss
index f8291538..6471488f 100644
--- a/src/renderer/styles/_colors.scss
+++ b/src/renderer/styles/_colors.scss
@@ -21,6 +21,7 @@
     --color-primary-button-hover: #EBEFF4;
     --color-primary-button-minimal-background: rgba(155, 28, 46, 0.1);
     --color-primary-button-subtle-background: rgba(155, 28, 46, 0.05);
+    --color-primary-contrast: #FDFDFF;
 
     --color-secondary: #2FA299;
     --color-secondary-button-pressed: #149389;
@@ -67,6 +68,7 @@
     --color-primary-button-hover: #AB3748;
     --color-primary-button-minimal-background: rgba(155, 28, 46, 0.1);
     --color-primary-button-subtle-background: rgba(155, 28, 46, 0.05);
+    --color-primary-contrast: #D2D3D4;
 
     --color-secondary: #2FA299;
     --color-secondary-button-pressed: #149389;