diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index 98aa0014e..69f311d37 100644
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@@ -155,8 +155,7 @@
     line-height: 3.5em;
     padding: 0 1em;
     width: 100%;
-    color: $fallback--link;
-    color: var(--link, $fallback--link);
+    color: $fallback--text;
 
     &:hover {
       background-color: $fallback--lightBg;
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index a602ac9a7..7dc690ff1 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -366,13 +366,17 @@
   padding: 0;
 
   a,
-  button {
+  button,
+  .button-unstyled.-link {
     box-sizing: border-box;
     display: block;
     height: 3em;
     line-height: 3em;
     padding: 0 0.7em;
 
+    color: $fallback--text;
+    color: var(--menuPopoverText, $fallback--text);
+
     &:hover {
       background-color: $fallback--lightBg;
       background-color: var(--selectedMenuPopover, $fallback--lightBg);