diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4488135..cecb03f 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -35,6 +35,11 @@
           </ion-label>
           <ion-toggle (ionChange)="toggleDark()" id="themeToggle" slot="end"></ion-toggle>
         </ion-item>
+        <ion-item button slot="end" lines="full" (click)="logOut()">
+          <ion-icon name="exit" slot="start"></ion-icon>
+          <ion-label>Log out</ion-label>
+
+        </ion-item>
       </ion-footer>
     </ion-menu>
 
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 75c9c5d..6c9d3da 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -181,4 +181,8 @@ export class AppComponent implements OnInit {
     console.log('toggel Dark mode');
     document.body.classList.toggle('dark', this.darkMode);
   }
+
+  logOut() {
+    window.location = '/auth/logout';
+  }
 }