From b35c32279c996526d44bc12d166b54eff8fa5513 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Thu, 11 Dec 2025 15:59:49 -0800
Subject: [PATCH] fix(kiosk): Increase QR code size to 320px with fixed
 dimensions - Removed maxWidth constraint that caused scaling - Set explicit
 height/width to prevent shrinking

---
 frontend/src/pages/VisitorKioskPage.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/VisitorKioskPage.tsx b/frontend/src/pages/VisitorKioskPage.tsx
index 4f2867f..e601c3b 100644
--- a/frontend/src/pages/VisitorKioskPage.tsx
+++ b/frontend/src/pages/VisitorKioskPage.tsx
@@ -542,15 +542,12 @@ export default function VisitorKioskPage() {
 
                             {successData.badgeNumber && ( // Only show QR for Check-IN, not Check-OUT
                                 <div className="mt-8 space-y-6">
-                                    <div className="inline-block bg-white p-6 rounded-2xl shadow-2xl">
-                                        <div style={{ height: "auto", margin: "0 auto", width: 280 }}>
-                                            <QRCode
-                                                size={280}
-                                                style={{ height: "auto", maxWidth: "100%", width: "100%" }}
-                                                value={`${window.location.origin}/badges/${successData.visitId || 'demo-token'}`}
-                                                viewBox={`0 0 280 280`}
-                                            />
-                                        </div>
+                                    <div className="inline-block bg-white p-8 rounded-3xl shadow-2xl">
+                                        <QRCode
+                                            size={320}
+                                            style={{ height: 320, width: 320 }}
+                                            value={`${window.location.origin}/badges/${successData.visitId || 'demo-token'}`}
+                                        />
                                     </div>
 
                                     <div>