diff --git a/packages/web/src/app/login/page.tsx b/packages/web/src/app/login/page.tsx
index b4146bf1..b8c0b613 100644
--- a/packages/web/src/app/login/page.tsx
+++ b/packages/web/src/app/login/page.tsx
@@ -1,9 +1,12 @@
 import { LoginForm } from "./components/loginForm";
+import { Suspense } from "react";
 
 export default async function Login() {
     return (
         <div className="flex flex-col justify-center items-center h-screen">
-            <LoginForm />
+            <Suspense fallback={<div>Loading...</div>}>
+                <LoginForm />
+            </Suspense>
         </div>
     )
 }