diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 64d2771..d9bf46e 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -18,6 +18,7 @@
         <button :class="{active: view === 'trash'}" @click="view = 'trash'; loadTrash()">🗑️ Trash</button>
         <button :class="{active: view === 'prefs'}" @click="view = 'prefs'">⚙️</button>
         <button v-if="isAdmin" :class="{active: view === 'admin'}" @click="view = 'admin'">👤</button>
+        <button @click="logout" title="Logout">🚪</button>
       </div>
       <FileTree v-if="view === 'files'" :files="filteredFiles" :selected="currentFile" @select="openFile" @delete="deleteItem" @move="moveFile" />
       <FileTree v-if="view === 'shared'" :files="sharedFiles" :selected="currentFile" @select="openFile" @delete="deleteItem" @move="moveFile" />
@@ -348,6 +349,14 @@ async function login() {
   }
 }
 
+function logout() {
+  api('/api/auth/logout', {}).catch(() => {})
+  token.value = ''
+  setToken('')
+  authenticated.value = false
+  window.removeEventListener('online', syncPending)
+}
+
 async function syncPending() {
   const pending = await getPendingChanges()
   for (const item of pending) {