diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 646e42e..0546592 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -40,7 +40,7 @@
             <shortcut-link :shortcut="element" context @delete-shortcut="deleteShortcut" />
           </template>
         </drag>
-        <q-btn flat round dense icon="mdi-exit-to-app" @click="logout()" />
+        <q-btn v-if="!platform.is.capacitor" flat round dense icon="mdi-exit-to-app" @click="logout()" />
       </q-toolbar>
     </q-header>
 
@@ -64,6 +64,18 @@
         :key="'essential' + index"
         :entry="entry"
       />
+      <div v-if="platform.is.capacitor">
+      <q-separator />
+      <q-item clickable tag="a" target="self" @click="logout">
+        <q-item-section avatar>
+          <q-icon name="mdi-exit-to-app" />
+        </q-item-section>
+
+        <q-item-section>
+          <q-item-label>Logout</q-item-label>
+        </q-item-section>
+      </q-item>
+      </div>
     </q-drawer>
     <q-page-container>
       <router-view />
@@ -201,6 +213,7 @@ export default defineComponent({
       shortCuts,
       addShortcut,
       deleteShortcut,
+      platform: Platform,
     };
   },
 });