diff --git a/fusion_clock/__manifest__.py b/fusion_clock/__manifest__.py
index ec715827..69f068dc 100644
--- a/fusion_clock/__manifest__.py
+++ b/fusion_clock/__manifest__.py
@@ -5,7 +5,7 @@
 
 {
     'name': 'Fusion Clock',
-    'version': '19.0.3.11.0',
+    'version': '19.0.3.11.1',
     'category': 'Human Resources/Attendances',
     'summary': 'Complete Employee T&A with Geofencing, Shifts, Penalties, Overtime, Kiosk, Dashboard & Payroll Export',
     'description': """
diff --git a/fusion_clock/static/src/scss/nfc_kiosk.scss b/fusion_clock/static/src/scss/nfc_kiosk.scss
index 2c8421ff..64b1277a 100644
--- a/fusion_clock/static/src/scss/nfc_kiosk.scss
+++ b/fusion_clock/static/src/scss/nfc_kiosk.scss
@@ -512,8 +512,9 @@ html:has(#nfc_kiosk_root) {
     max-height: 92vh;
     overflow-y: auto;
 
-    // Compact PIN-pad variant — narrower + tighter than the wide list panels
-    &--pin { width: auto; max-width: 360px; padding: 1.5rem 1.5rem 1.25rem; }
+    // Compact PIN-pad variant — narrower than the wide list panels, but a
+    // definite width so the centred flex overlay doesn't collapse it.
+    &--pin { width: min(86vw, 380px); max-width: none; padding: 1.75rem 1.75rem 1.5rem; }
 
     h2 {
         font-size: 1.5rem;
@@ -525,12 +526,13 @@ html:has(#nfc_kiosk_root) {
     .numpad {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
-        gap: 0.5rem;
+        gap: 0.6rem;
         margin: 0.5rem 0 0.75rem;
 
         button {
-            font-size: 1.45rem;
-            padding: 0.7rem 0;
+            font-size: 1.6rem;
+            min-height: 60px;
+            padding: 0.4rem 0;
             background: rgba(255,255,255,0.05);
             color: var(--nfc-text);
             border: 1px solid rgba(255,255,255,0.1);