diff --git a/apps/frontend/src/features/public-booking/public-booking-page.tsx b/apps/frontend/src/features/public-booking/public-booking-page.tsx
index 690c946..6e53486 100644
--- a/apps/frontend/src/features/public-booking/public-booking-page.tsx
+++ b/apps/frontend/src/features/public-booking/public-booking-page.tsx
@@ -1174,7 +1174,11 @@ function SelectedSlotCard(props: BookingShellProps & { compact?: boolean }) {
   useEffect(() => {
     if (!selectedSlot) return;
 
-    customerNameInputRef.current?.focus();
+    const input = customerNameInputRef.current;
+    if (!input) return;
+
+    input.focus();
+    input.scrollIntoView({ behavior: 'smooth', block: 'center' });
   }, [selectedSlot]);
 
   return (