diff --git a/frontend/src/component/app-navigation.vue b/frontend/src/component/app-navigation.vue
index 2508b9755..12c4b7516 100644
--- a/frontend/src/component/app-navigation.vue
+++ b/frontend/src/component/app-navigation.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app-navigation">
-        <v-toolbar dense dark color="grey darken-1" class="hidden-lg-and-up" @click.stop="showNavigation()">
+        <v-toolbar dense dark color="blue-grey darken-1" class="hidden-lg-and-up" @click.stop="showNavigation()">
             <v-toolbar-side-icon></v-toolbar-side-icon>
 
             <v-toolbar-title>{{ $router.currentRoute.name }}</v-toolbar-title>