diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 9f62f49..a135a86 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -25,6 +25,10 @@ const Navbar: React.FC<NavbarProps> = ({ title }) => {
           Sign In
         </button>
       );
+    } else {
+      <div className="flex items-center justify-center">
+        <span className="loading loading-spinner loading-lg"></span>
+      </div>;
     }
   };