diff --git a/src/renderer/components/navbar/Exit.vue b/src/renderer/components/navbar/Exit.vue
index d671fcd1..6fc59de3 100644
--- a/src/renderer/components/navbar/Exit.vue
+++ b/src/renderer/components/navbar/Exit.vue
@@ -1,23 +1,33 @@
 <template>
     <Modal ref="modal" title="Exit">
         <div class="flex-row gap-md">
-            <Button @click="logout">Logout</Button>
+            <Button @click="login" v-if="!me.isOnline && !onLoginPage">Login</Button>
+            <Button @click="logout" v-if="me.isOnline && !onLoginPage">Logout</Button>
             <Button @click="quitToDesktop">Quit to Desktop</Button>
         </div>
     </Modal>
 </template>
 
 <script lang="ts" setup>
-import { Ref, ref } from "vue";
+import { computed, Ref, ref } from "vue";
 import { useRouter } from "vue-router";
 
 import Modal from "@renderer/components/common/Modal.vue";
 import Button from "@renderer/components/controls/Button.vue";
 import { auth } from "@renderer/store/me.store";
 import { settingsStore } from "@renderer/store/settings.store";
+import { me } from "@renderer/store/me.store";
 
 const router = useRouter();
 const modal: Ref<InstanceType<typeof Modal> | null> = ref(null);
+const currentRoute = router.currentRoute;
+
+const onLoginPage = computed(() => currentRoute.value.path === "/login");
+
+async function login() {
+    await router.push("/login");
+    modal.value?.close();
+}
 
 async function logout() {
     auth.logout();