diff --git a/src/components/SignOut.astro b/src/components/SignOut.astro
index dce52cc..9949e1b 100644
--- a/src/components/SignOut.astro
+++ b/src/components/SignOut.astro
@@ -1,10 +1,28 @@
-<button id="signout-btn" class="btn btn-secondary">Sign Out</button>
+{/* Initially hidden */}
+<button id="signout-btn" class="btn btn-secondary hidden">Sign Out</button>
 
 <script>
-    import { clearAuthData } from "../utils/auth-client";
+    import { clearAuthData, isAuthenticated } from "../utils/auth-client";
+
+    function updateVisibility() {
+        const button = document.getElementById("signout-btn");
+        if (button) {
+            if (isAuthenticated()) {
+                button.classList.remove("hidden");
+            } else {
+                button.classList.add("hidden");
+            }
+        }
+    }
 
     // Add click handler to the button
     document.getElementById("signout-btn")?.addEventListener("click", () => {
         clearAuthData();
     });
+
+    // Check visibility on load
+    updateVisibility();
+
+    // Update visibility when auth state changes
+    document.addEventListener("auth-success", updateVisibility);
 </script> 
\ No newline at end of file