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>