diff --git a/src/routes/(auth)/oauth/callback/+page.svelte b/src/routes/(auth)/oauth/callback/+page.svelte
index 1da9456..ae26036 100644
--- a/src/routes/(auth)/oauth/callback/+page.svelte
+++ b/src/routes/(auth)/oauth/callback/+page.svelte
@@ -3,12 +3,35 @@
 	import { user } from '$lib/atproto';
 	import { getHandleOrDid } from '$lib/atproto/methods';
 
+	let showError = $state(false);
+
+	let startedErrorTimer = $state();
+
 	$effect(() => {
 		console.log('hello', user);
 		if (user.profile) {
 			goto('/' + getHandleOrDid(user.profile) + '/edit', {});
 		}
+
+		if(!user.isInitializing && !startedErrorTimer) {
+			startedErrorTimer = true;
+
+			setTimeout(() => {
+				showError = true;
+			}, 3000);
+		}
 	});
 </script>
 
-<div class="flex min-h-screen w-full items-center justify-center text-3xl">Loading...</div>
+{#if user.isInitializing || !showError}
+	<div class="flex min-h-screen w-full items-center justify-center text-3xl">Loading...</div>
+{:else if showError}
+	<div class="flex min-h-screen w-full items-center justify-center text-3xl">
+		<span class="max-w-xl text-center font-medium"
+			>There was an error signing you in, please go back to the
+			<a class="text-accent-600 dark:text-accent-400" href="/">homepage</a>
+			and try again.
+			
+		</span>
+	</div>
+{/if}