diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 4c45e09..9063906 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -32,7 +32,7 @@
               no-caps
               @click="scrollToElement(item.ref)"
               ref="menuButtons"
-              color="grey-9"
+              :color="isHeroScroll ? 'white' : 'primary'"
               >
               <span class="text-no-wrap">{{ $t(item.title) }}</span>
             </q-btn>