diff --git a/src/app/sign-in/page.tsx b/src/app/sign-in/page.tsx
index 69a8ab8..6acca3e 100644
--- a/src/app/sign-in/page.tsx
+++ b/src/app/sign-in/page.tsx
@@ -6,27 +6,33 @@ import { RedirectToSignIn, SignedIn, SignedOut } from "@clerk/nextjs";
 import { useSearchParams } from "next/navigation";
 import { Suspense } from "react";
 
-export default function SignIn() {
+function SignInContent() {
   const searchParams = useSearchParams();
   const redirect = searchParams.get("redirect");
 
   return (
-    <Suspense>
-      <main className="text-xl">
-        <SignedOut>
-          <LoadingSpinner>Signing you in...</LoadingSpinner>
-          <RedirectToSignIn signInForceRedirectUrl={redirect} />
-        </SignedOut>
-        <SignedIn>
-          You are already signed in
-          <div className="mt-8">
-            Go{" "}
-            <OpenInternalLink href="/" className="text-primary">
-              Home
-            </OpenInternalLink>
-          </div>
-        </SignedIn>
-      </main>
+    <main className="text-xl">
+      <SignedOut>
+        <LoadingSpinner>Signing you in...</LoadingSpinner>
+        <RedirectToSignIn signInForceRedirectUrl={redirect} />
+      </SignedOut>
+      <SignedIn>
+        You are already signed in
+        <div className="mt-8">
+          Go{" "}
+          <OpenInternalLink href="/" className="text-primary">
+            Home
+          </OpenInternalLink>
+        </div>
+      </SignedIn>
+    </main>
+  );
+}
+
+export default function SignIn() {
+  return (
+    <Suspense fallback={<LoadingSpinner>Loading...</LoadingSpinner>}>
+      <SignInContent />
     </Suspense>
   );
 }