diff --git a/app/views/foodcourt/qrpay/init.html.erb b/app/views/foodcourt/qrpay/init.html.erb
index c384ca47..8124776f 100644
--- a/app/views/foodcourt/qrpay/init.html.erb
+++ b/app/views/foodcourt/qrpay/init.html.erb
@@ -201,7 +201,7 @@
 <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 d-flex flex-column h-100" style="padding-right: 10px;">
 
     <div class="card-block">
-        <div class="payment-waiting text-center" style="height: 400px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;">
+        <div class="payment-waiting text-center" style="min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;">
             <img src="/image/mmqr.webp" alt="MMQR Payment" style="max-width: 120px; margin-bottom: 10px;">
             <div class="processing-indicator" style="margin: 1rem 0;">
                 <div class="processing-dot"></div>
@@ -215,7 +215,7 @@
                     <%= raw @qr_svg %>
                 </div>
             <% end %>
-            <div class="d-flex" style="margin-top: 1rem;">
+            <div class="d-flex" style="margin: 1.5rem 0;">
                 <button class="btn btn-danger" id="cancel-btn">Cancel Payment</button>
             </div>
         </div>