diff --git a/frontend/routes/_404.tsx b/frontend/routes/_404.tsx
index 6bc7c53..6dc678d 100644
--- a/frontend/routes/_404.tsx
+++ b/frontend/routes/_404.tsx
@@ -4,13 +4,18 @@ export default function Error404() {
   return (
     <>
       <Head>
-        <title>404 - Page not found</title>
+        <title>Page not found</title>
       </Head>
-      <div class="px-4 py-8 mx-auto bg-[#86efac]">
+      <div class="px-4 py-8 mx-auto bg-[#313244]">
         <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-          <h1 class="text-4xl font-bold">404 - Page not found</h1>
-          <p class="my-4">The page you were looking for doesn't exist.</p>
-          <a href="/" class="underline">
+          <h1 class="text-4xl font-bold text-[#cdd6f4]">Page not found</h1>
+          <p class="my-4 text-[#cdd6f4]">
+            The page you were looking for doesn't exist!
+          </p>
+          <a
+            href="/"
+            class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer"
+          >
             Go back home
           </a>
         </div>
