diff --git a/apps/web/pages/404.jsx b/apps/web/pages/404.jsx
index 79ef6cf95..cb13a44af 100644
--- a/apps/web/pages/404.jsx
+++ b/apps/web/pages/404.jsx
@@ -2,11 +2,13 @@ import Image from "next/image";
 import Link from "next/link";
 
 import bgwood from "../public/img/bgwood.jpg";
+import Logo from "../components/logo";
 
 export default function Custom404() {
   return (
     <>
       <main className="relative min-h-full isolate">
+        <Logo className="absolute w-20 top-10 left-10" />
         <Image
           src={bgwood}
           alt=""
@@ -16,7 +18,7 @@ export default function Custom404() {
           <p className="text-base font-semibold leading-8 text-slate-700">
             404
           </p>
-          <h1 className="mt-4 text-3xl font-bold tracking-tight text-slate-900 sm:text-5xl">
+          <h1 className="mt-4 text-3xl font-bold tracking-tight text-brown sm:text-5xl font-monteserrat">
             Page not found
           </h1>
           <p className="mt-4 text-base text-slate-700 sm:mt-6">
@@ -25,7 +27,7 @@ export default function Custom404() {
           <div className="flex justify-center mt-10">
             <Link
               href="/"
-              className="text-sm font-semibold leading-7 text-slate-900"
+              className="text-sm font-semibold leading-7 text-brown font-monteserrat"
             >
               <span aria-hidden="true">&larr;</span> Back to home
             </Link>