diff --git a/website/src/pages/auth/verify.tsx b/website/src/pages/auth/verify.tsx
index e004f504..b4d7d739 100644
--- a/website/src/pages/auth/verify.tsx
+++ b/website/src/pages/auth/verify.tsx
@@ -1,17 +1,23 @@
+import { useColorMode } from "@chakra-ui/react";
 import Head from "next/head";
 import { getCsrfToken, getProviders } from "next-auth/react";
 import { AuthLayout } from "src/components/AuthLayout";
 
 export default function Verify() {
+  const { colorMode } = useColorMode();
+  const bgColorClass = colorMode === "light" ? "bg-gray-50" : "bg-chakra-gray-900";
+
   return (
     <>
       <Head>
         <title>Sign Up - Open Assistant</title>
         <meta name="Sign Up" content="Sign up to access Open Assistant" />
       </Head>
-      <AuthLayout>
-        <h1 className="text-lg">A sign-in link has been sent to your email address.</h1>
-      </AuthLayout>
+      <div className={`flex h-full justify-center items-center ${bgColorClass}`}>
+        <div className={bgColorClass}>
+          <h1 className="text-lg">A sign-in link has been sent to your email address.</h1>
+        </div>
+      </div>
     </>
   );
 }
