diff --git a/frontend/layouts/error.vue b/frontend/layouts/error.vue
index 7b09a87..bb2264f 100644
--- a/frontend/layouts/error.vue
+++ b/frontend/layouts/error.vue
@@ -1,14 +1,20 @@
 <template>
-    <div>
-        <h1 v-if="error.statusCode === 404">
-            {{ pageNotFound }}
-        </h1>
-        <h1 v-else>
-            {{ otherError }}
-        </h1>
-        <NuxtLink to="/">
-            Home page
-        </NuxtLink>
+    <div
+        class="h-screen container mx-auto h-full flex justify-center items-center"
+    >
+        <div
+            class="text-gray-200 w-full md:w-1/2 lg:w-1/3 bg-gray-800 border-teal-500 p-8 border-t-8 bg-white mb-6 rounded-lg shadow-lg"
+        >
+            <h1 v-if="error.statusCode === 404">
+                {{ pageNotFound }}
+            </h1>
+            <h1 v-else>
+                {{ otherError }}
+            </h1>
+            <NuxtLink to="/" class="text-blue-200 underline">
+                Home page
+            </NuxtLink>
+        </div>
     </div>
 </template>