diff --git a/frontend/layouts/404.vue b/frontend/layouts/404.vue
index 5ee95acc..31e31392 100644
--- a/frontend/layouts/404.vue
+++ b/frontend/layouts/404.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="grid min-h-screen w-full place-items-center bg-blue-100">
+  <main class="grid min-h-screen w-full place-items-center">
     <slot></slot>
   </main>
 </template>
diff --git a/frontend/pages/[...all].vue b/frontend/pages/[...all].vue
index 0ae6f5c4..2fdddf16 100644
--- a/frontend/pages/[...all].vue
+++ b/frontend/pages/[...all].vue
@@ -8,8 +8,9 @@
 </script>
 
 <template>
-  <h1 class="flex flex-col text-center font-extrabold text-blue-500">
+  <h1 class="flex flex-col text-center font-extrabold">
     <span class="text-7xl">404.</span>
     <span class="mt-5 text-5xl"> Page Not Found </span>
+    <NuxtLink to="/" class="btn mt-5 text-xl"> Return Home </NuxtLink>
   </h1>
 </template>