diff --git a/src/routes/profile/profile.svelte b/src/routes/profile/profile.svelte
index 92e8782..aefbb9a 100644
--- a/src/routes/profile/profile.svelte
+++ b/src/routes/profile/profile.svelte
@@ -31,7 +31,7 @@
 			itms: [
 				{ icon: Help, text: 'Help', link:"/"},
 				{ icon: Warning, text: 'Terms of Service', link:"/"},
-				{ icon: Logout, text: 'Log out', link:"/"},
+				{ icon: Logout, text: 'Log out', link: () => user.deleteSessions() },,
 			],
 		},
 	]
@@ -54,11 +54,19 @@
 		{#each items as { title, itms }}
 			<div class="mb-4 text-[18px] text-[#61646B]">{title}</div>
 			{#each itms as { icon, text, link}}
+				{#if (typeof link === 'function')}
 				<SettingRow>
 					<svelte:component this={icon} />
-					<Link class="font-semibold text-[18px]" to={link}>{text}</Link>
+					<button class="font-semibold text-[18px]" on:click={() => link()}>{text}</button>
 				</SettingRow>
-				<Line />
+				{:else}
+					<SettingRow>
+						<svelte:component this={icon} />
+						<Link class="font-semibold text-[18px]" to={link}>{text}</Link>
+					</SettingRow>
+					<Line />
+				{/if}
+				
 			{/each}
 		{/each}
 	</div>