diff --git a/frontend/src/pages/VisitorKioskPage.tsx b/frontend/src/pages/VisitorKioskPage.tsx
index b88547c..b2609d4 100644
--- a/frontend/src/pages/VisitorKioskPage.tsx
+++ b/frontend/src/pages/VisitorKioskPage.tsx
@@ -138,13 +138,13 @@ export default function VisitorKioskPage() {
         });
     };
 
-    // Auto-reset success screen after 5 seconds
+    // Auto-reset success screen after 5 seconds ONLY for check-out (no badge number)
     useEffect(() => {
-        if (mode === 'success') {
+        if (mode === 'success' && !successData?.badgeNumber) {
             const timer = setTimeout(resetToHome, 5000);
             return () => clearTimeout(timer);
         }
-    }, [mode]);
+    }, [mode, successData]);
 
     return (
         <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 flex flex-col">
@@ -430,9 +430,9 @@ export default function VisitorKioskPage() {
                                     <div className="pt-8">
                                         <button
                                             onClick={resetToHome}
-                                            className="bg-slate-700 hover:bg-slate-600 text-white px-8 py-3 rounded-xl transition-colors"
+                                            className="bg-emerald-600 hover:bg-emerald-700 text-white font-bold text-lg px-8 py-4 rounded-xl transition-colors shadow-lg hover:shadow-emerald-500/20"
                                         >
-                                            Done
+                                            I have my badge
                                         </button>
                                     </div>
                                 </div>