diff --git a/messages/en.json b/messages/en.json
index efe0d28..cc9ea3b 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -20,5 +20,6 @@
 	"sms_prompt": "Send a Message",
 	"sms_label_phone": "Phone Number",
 	"sms_label_message": "Message",
-	"sms_button_submit": "Send Message"
+	"sms_button_submit": "Send Message",
+	"error_page_go_home": "Go Home"
 }
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 1e3c420..713c62d 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,23 +1,20 @@
-<script lang="ts">
-	import { page } from '$app/state';
-</script>
-
-<main class="flex h-screen w-full flex-col items-center justify-center bg-[#1d222a]">
-	<h1 class="text-9xl font-extrabold tracking-widest text-white">
-		{page.status}
-	</h1>
-	<h1 class="rounded bg-[#FF6A3D] px-2 text-2xl font-bold text-black">
-		{page.error?.message}
-	</h1>
-
-	<button class="mt-5">
-		<a
-			class="group relative inline-block text-sm font-medium text-[#FF6A3D] focus:outline-none focus:ring active:text-orange-500"
-			href="/"
-		>
-			<span class="relative block border border-current bg-[#1d222a] px-8 py-3">
-				Go Home
-			</span>
-		</a>
-	</button>
-</main>
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import { messages } from '$lib/i18n';
+</script>
+
+<main class="flex h-full w-full flex-col items-center justify-center gap-8">
+	<div class="flex items-center gap-2">
+		<h1 class="text-5xl font-bold tracking-widest text-white">
+			{page.status}
+		</h1>
+		<div class="divider divider-horizontal"></div>
+		<h1 class="text-2xl font-bold">
+			{page.error?.message}
+		</h1>
+	</div>
+	<button onclick={() => goto('/')} class="btn btn-outline btn-neutral btn-wide"
+		>{messages.error_page_go_home()}</button
+	>
+</main>