diff --git a/src/app/components/create-menu/create-menu.component.scss b/src/app/components/create-menu/create-menu.component.scss
index 098d168b9..40ae512c1 100644
--- a/src/app/components/create-menu/create-menu.component.scss
+++ b/src/app/components/create-menu/create-menu.component.scss
@@ -49,7 +49,7 @@
 
     &--collapsed {
       outline: none;
-      color: mat-color($foreground, text, 0.54);
+      color: mat-color($foreground, secondary-text);
       cursor: pointer;
       &:hover {
         color: mat-color($accent);
@@ -69,7 +69,7 @@
         flex-direction: row;
         align-items: center;
         font-size: 14px;
-        color: mat-color($foreground, text, 0.54);
+        color: mat-color($foreground, secondary-text);
         line-height: 48px;
         box-shadow: none;
         transform: none;
@@ -77,7 +77,7 @@
         font-weight: normal;
 
         &:hover {
-          color: mat-color($primary, A400);
+          color: mat-color($primary);
         }
       }