diff --git a/app/auth/sign-in/page.tsx b/app/auth/sign-in/page.tsx
index 40c8c594..8da0a7f5 100644
--- a/app/auth/sign-in/page.tsx
+++ b/app/auth/sign-in/page.tsx
@@ -1,13 +1,12 @@
 "use client";
 
-import Link from "next/link";
+import { Suspense, useState } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
-import { useState } from "react";
-
+import Link from "next/link";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 
-export default function SignInPage() {
+function SignInInner() {
     const router = useRouter();
     const sp = useSearchParams();
 
@@ -101,3 +100,17 @@ export default function SignInPage() {
         </div>
     );
 }
+
+export default function SignInPage() {
+    return (
+        <Suspense
+        fallback={
+            <div className="min-h-[60vh] flex items-center justify-center px-4">
+            <div className="text-sm text-muted-foreground">Loading…</div>
+            </div>
+        }
+        >
+        <SignInInner />
+        </Suspense>
+    );
+}
diff --git a/app/auth/sign-up/page.tsx b/app/auth/sign-up/page.tsx
index 3bd287aa..63e3b9f2 100644
--- a/app/auth/sign-up/page.tsx
+++ b/app/auth/sign-up/page.tsx
@@ -1,13 +1,12 @@
 "use client";
 
-import Link from "next/link";
+import { Suspense, useState } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
-import { useState } from "react";
-
+import Link from "next/link";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 
-export default function SignUpPage() {
+function SignUpInner() {
     const router = useRouter();
     const sp = useSearchParams();
 
@@ -116,3 +115,17 @@ export default function SignUpPage() {
         </div>
     );
 }
+
+export default function SignUpPage() {
+    return (
+        <Suspense
+        fallback={
+            <div className="min-h-[60vh] flex items-center justify-center px-4">
+            <div className="text-sm text-muted-foreground">Loading…</div>
+            </div>
+        }
+        >
+        <SignUpInner />
+        </Suspense>
+    );
+}