diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 30a17ef..fcf299a 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,20 +1,10 @@
 <script lang="ts">
   import { page } from '$app/stores';
+	import Footer from '$lib/components/Footer.svelte';
+  import Header from '$lib/components/Header.svelte';
 </script>
 
-<div class="container">
-  <h1>{$page.status} {$page.error?.message}</h1>
-  <a href="https://bosin.ch/">back to bosin.ch</a>
-</div>
-
-<style>
-  .container {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-  a {
-    color: #FFF;
-  }
-</style>
\ No newline at end of file
+<main>
+  <Header title="{$page.status} {$page.error?.message ?? 'An error occured'}" description="Please try again later." />
+  <Footer />
+</main>