diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 7f7fc4b4e..7d1633eea 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -65,8 +65,7 @@ onMounted(() => stateStore.setMounted());
             <div class="q-pl-sm q-gutter-sm row items-center no-wrap">
                 <div id="actions-prepend"></div>
                 <QBtn
-                    class="pinnedModules"
-                    id="pinnedModules"
+                    class="{quasar.platform.is.mobile: 'q-pa-none q-ml-none'}"
                     icon="apps"
                     flat
                     dense
@@ -78,7 +77,7 @@ onMounted(() => stateStore.setMounted());
                     <PinnedModules />
                 </QBtn>
                 <QBtn
-                    class="{quasar.platform.is.mobile: 'q-pa-sm q-ml-xs'}"
+                    class="{quasar.platform.is.mobile: 'q-pa-none q-ml-none'}"
                     rounded
                     dense
                     flat
@@ -103,11 +102,11 @@ onMounted(() => stateStore.setMounted());
     </QHeader>
 </template>
 
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 .pinnedModules {
     @media (max-width: 768px) {
         padding: 0px;
         margin-left: 0px;
     }
 }
-</style>
+</style> -->