diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index b08b430..75001de 100644
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -343,7 +343,7 @@ $header-icon-size: 20px;
   filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
 
   &:not([aria-expanded="true"]) {
-    color: var(--color-primary-element-text);
+    color: var(--color-main-text);
 
     &:hover {
       opacity: 1;