diff --git a/apps/client/src/routes/+error.svelte b/apps/client/src/routes/+error.svelte
index e77b92cd8..eef31e906 100644
--- a/apps/client/src/routes/+error.svelte
+++ b/apps/client/src/routes/+error.svelte
@@ -2,4 +2,13 @@
 	import { page } from '$app/stores';
 </script>
 
-<h1>{$page.error.message}</h1>
+<div class="mx-auto flex h-screen flex-col items-center justify-center px-4">
+	<div class="text-3xl font-bold pb-4">Ooops, are you lost?</div>
+	<a href="/" class="btn btn-sm bg-coollabs">Go back</a>
+	{#if $page.error.message !== 'Not Found'}
+		<div class="py-10 text-xs font-bold">
+			<pre class="w-full whitespace-pre-wrap break-words text-left text-xs tracking-tighter">{$page
+					.error.message}</pre>
+		</div>
+	{/if}
+</div>