diff --git a/src/pages/error.tsx b/src/pages/error.tsx
index 0ef4f79..8772de7 100644
--- a/src/pages/error.tsx
+++ b/src/pages/error.tsx
@@ -1,16 +1,23 @@
+import { Button } from "@/components/ui/button";
 import { useRouteErrorMessage } from "@/hooks/use-route-error-message";
+import Page from "@/layout/page";
+import { Link } from "react-router-dom";
 
 export default function ErrorPage() {
   const error = useRouteErrorMessage();
   console.error(error);
 
   return (
-    <div id="error-page">
-      <h1>Oops!</h1>
+    <Page className="flex w-fit flex-col gap-4">
       <p>Sorry, an unexpected error has occurred.</p>
       <p>
         <i>{error}</i>
       </p>
-    </div>
+      <Button asChild>
+        <Link to="/" reloadDocument>
+          Go Home
+        </Link>
+      </Button>
+    </Page>
   );
 }
diff --git a/src/pages/no-match.tsx b/src/pages/no-match.tsx
index 671e713..6fbbcb3 100644
--- a/src/pages/no-match.tsx
+++ b/src/pages/no-match.tsx
@@ -7,7 +7,9 @@ export function NoMatch() {
     <Page className="flex w-fit flex-col gap-4">
       <span>Page not found.</span>
       <Button asChild>
-        <Link to="/">Go Home</Link>
+        <Link to="/" reloadDocument>
+          Go Home
+        </Link>
       </Button>
     </Page>
   );