From 89bc9ed802636fa383ac5071590528df03009d94 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 22 Jan 2026 15:46:50 +0100
Subject: [PATCH] refactor(auth): streamline LoadingOverlay usage in
 AuthCallback for a seamless loading experience

---
 app/auth/callback/page.tsx    | 5 +++--
 components/LoadingOverlay.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/auth/callback/page.tsx b/app/auth/callback/page.tsx
index 363666a..f8c3fc0 100644
--- a/app/auth/callback/page.tsx
+++ b/app/auth/callback/page.tsx
@@ -109,12 +109,13 @@ function AuthCallbackContent() {
     )
   }
 
-  return <LoadingOverlay title="Completing sign in..." portal={false} />
+  // * Use standard Pulse loading screen to make transition to Home seamless
+  return <LoadingOverlay portal={false} />
 }
 
 export default function AuthCallback() {
   return (
-    <Suspense fallback={<LoadingOverlay title="Loading..." portal={false} />}>
+    <Suspense fallback={<LoadingOverlay portal={false} />}>
       <AuthCallbackContent />
     </Suspense>
   )
diff --git a/components/LoadingOverlay.tsx b/components/LoadingOverlay.tsx
index 9f6c9d6..ba9b578 100644
--- a/components/LoadingOverlay.tsx
+++ b/components/LoadingOverlay.tsx
@@ -22,7 +22,7 @@ export default function LoadingOverlay({
   }, [])
 
   const content = (
-    <div className="fixed inset-0 z-[100] flex items-center justify-center bg-white dark:bg-neutral-950 animate-in fade-in duration-200">
+    <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-white dark:bg-neutral-950 animate-in fade-in duration-200">
       <div className="flex flex-col items-center gap-6">
         <div className="flex items-center gap-3">
           <img