diff --git a/resources/views/frontdesk/employee-portal/index.blade.php b/resources/views/frontdesk/employee-portal/index.blade.php
index 2673057..2890396 100644
--- a/resources/views/frontdesk/employee-portal/index.blade.php
+++ b/resources/views/frontdesk/employee-portal/index.blade.php
@@ -26,12 +26,12 @@
             @endif
 
             @if ($status === 'on_site')
-                <form method="POST" action="{{ route('frontdesk.employee.portal.action') }}" class="mt-6 space-y-4">
+                <form method="POST" action="{{ route('frontdesk.employee.portal.action') }}" class="mt-6 space-y-4" x-data="{ stepOutReason: 'lunch' }">
                     @csrf
                     <input type="hidden" name="action" value="step_out">
                     <div>
                         <label class="block text-sm font-medium text-slate-700">Reason</label>
-                        <select name="step_out_reason" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
+                        <select name="step_out_reason" x-model="stepOutReason" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                             @foreach ($stepOutReasons as $key => $label)
                                 <option value="{{ $key }}">{{ $label }}</option>
                             @endforeach
@@ -40,6 +40,7 @@
                     <div>
                         <label class="block text-sm font-medium text-slate-700">Destination</label>
                         <input type="text" name="destination" class="mt-1 w-full rounded-lg border-slate-300 text-sm" placeholder="Where are you going?">
+                        <p x-show="stepOutReason === 'other'" x-cloak class="mt-1.5 text-xs text-amber-700">Required when reason is Other.</p>
                     </div>
                     <div>
                         <label class="block text-sm font-medium text-slate-700">Expected return</label>
diff --git a/resources/views/frontdesk/kiosk/index.blade.php b/resources/views/frontdesk/kiosk/index.blade.php
index 8896b85..0b258dc 100644
--- a/resources/views/frontdesk/kiosk/index.blade.php
+++ b/resources/views/frontdesk/kiosk/index.blade.php
@@ -532,7 +532,8 @@
                         </div>
                         <div>
                             <label for="staff-step-out-destination" class="mb-1.5 block text-sm font-medium text-slate-600">Destination</label>
-                            <input id="staff-step-out-destination" type="text" x-model="staffStepOut.destination" placeholder="Required for Other" class="w-full rounded-xl border-slate-200 px-4 py-4 text-lg">
+                            <input id="staff-step-out-destination" type="text" x-model="staffStepOut.destination" placeholder="Where are you going?" class="w-full rounded-xl border-slate-200 px-4 py-4 text-lg">
+                            <p x-show="staffStepOut.step_out_reason === 'other'" x-cloak class="mt-1.5 text-xs text-amber-700">Required when reason is Other.</p>
                         </div>
                         <div>
                             <label for="staff-step-out-return" class="mb-1.5 block text-sm font-medium text-slate-600">Expected return (optional)</label>