diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 244bfd7..0f5e7ab 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -3,11 +3,11 @@
 </script>
 
 <svelte:head>
-	<title>404 &mdash; Tea Sanctuary</title>
+	<title>{page.status} &mdash; Tea Sanctuary</title>
 </svelte:head>
 
 <section
-	class="bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-fixed bg-cover sticky flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
+	class="hero-background flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
 >
 	<div class="flex flex-nowrap flex-col gap-5">
 		<div class="flex flex-nowrap flex-col gap-3 items-center justify-center lg:flex-row lg:flex-nowrap">
@@ -25,4 +25,8 @@
 			</div>
 		</div>
 	</div>
-</section>
\ No newline at end of file
+</section>
+
+<style>
+	@import "$src/app.css";
+</style>
\ No newline at end of file