diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index ddc27654..fa44310a 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -22,7 +22,7 @@
       <v-toolbar-items>
         <template v-for="(item) in appBar.menuItems">
           <v-btn
-            class="hidden-sm-and-down"
+            class="hidden-xs-only"
             right
             flat
             icon
@@ -50,6 +50,7 @@
                 :key="item.key"
                 :disabled="item.disabled"
                 @click="$gzevent.$emit('menu-click',item)"
+                v-bind:class="{ 'hidden-sm-and-up': item.surface }"
               >
                 <v-list-tile-action>
                   <v-icon v-if="item.icon" :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>