diff --git a/src/lib/components/app-account-select.svelte b/src/lib/components/app-account-select.svelte
index a756528..9079395 100644
--- a/src/lib/components/app-account-select.svelte
+++ b/src/lib/components/app-account-select.svelte
@@ -103,7 +103,7 @@
                 </DropdownMenu.Item>
                 {/each} -->
 				<DropdownMenu.Separator />
-				<DropdownMenu.Item class="gap-2 p-2">
+				<DropdownMenu.Item class="gap-2 p-2" onclick={logout}>
 					<div class="flex size-6 items-center justify-center rounded-md border bg-transparent">
 						<LogOutIcon class="size-4" />
 					</div>
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 7024a53..a6a0cda 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -3,6 +3,9 @@
 	import { page } from '$app/state';
 	import { env } from '$env/dynamic/public';
 
+	import { browser } from '$app/environment';
+	import { setCookieOnNonBrowser } from '$lib/helpers/cookie';
+
 	import { asset } from '$app/paths';
 	import TaobinLogo from '$lib/assets/logo.svelte';
 	import {
@@ -59,6 +62,11 @@
 				//
 				console.log('login success!');
 
+				if (browser && 'cookieStore' in window) await cookieStore.set('logged_in', 'true');
+				else {
+					setCookieOnNonBrowser('logged_in', 'true');
+				}
+
 				goto('/entry');
 			}
 		} catch (error: any) {