diff --git a/portal/setup-wizard.html b/portal/setup-wizard.html
index 6a2920f..6543499 100644
--- a/portal/setup-wizard.html
+++ b/portal/setup-wizard.html
@@ -2222,7 +2222,7 @@
             <li><strong>Content:</strong> Your restaurant, food, or branding</li>
           </ul>
         </div>
-        <div id="headerUploadPreview" style="width:100%;height:120px;background:#333;border-radius:8px;margin:12px 0;background-size:cover;background-position:center;display:${hasAutoHeader ? 'block' : 'none'};"></div>
+        <div id="headerUploadPreview" style="width:100%;aspect-ratio:3/1;background:#333;border-radius:8px;margin:12px 0;background-size:cover;background-position:center;display:${hasAutoHeader ? 'block' : 'none'};overflow:hidden;"></div>
         <div style="display:flex;gap:12px;margin-top:12px;">
           <label class="btn btn-secondary" style="cursor:pointer;flex:1;text-align:center;">
             <input type="file" id="wizardHeaderFile" accept="image/png,image/jpeg,image/jpg" style="display:none;" onchange="previewWizardHeader(this)">