diff --git a/src/routes/(main)/logout/+page.server.ts b/src/routes/(main)/logout/+page.server.ts
index 886a7be..7184399 100644
--- a/src/routes/(main)/logout/+page.server.ts
+++ b/src/routes/(main)/logout/+page.server.ts
@@ -1,7 +1,8 @@
-import { redirect } from "@sveltejs/kit"
-import type { Actions, PageServerLoad } from "./$types"
+import redirect from "@sveltejs/kit"
+import type { Actions } from './$types';
 
-export const load: PageServerLoad = async ({ cookies }) => {
-	cookies.delete("UserSession")
-	redirect(303, "/")
-}
+export const actions: Actions = {
+	default: async ({cookies}) => {
+      cookies.delete("UserSession")
+	}
+} satisfies Actions;
diff --git a/src/routes/(main)/logout/+page.svelte b/src/routes/(main)/logout/+page.svelte
index 7560511..61da226 100644
--- a/src/routes/(main)/logout/+page.svelte
+++ b/src/routes/(main)/logout/+page.svelte
@@ -1,12 +1,7 @@
 <script>
-	import { redirect } from "@sveltejs/kit";
-	import { afterNavigate } from '$app/navigation';
-	import { onMount } from "svelte";
-	afterNavigate(() => {
-		redirect(303, "/")
-	})
-	onMount(() => {
-		redirect(303, "/")
-	})
+  import "$lib/css/form.css"
 </script>
-<h1>Log Out</h1>
+  <form method='POST'>
+    <h1>Log out</h1>
+    <button type='submit'>Log Out</button>
+  </form>