diff --git a/app/views/foodcourt/second_display/_second_display.html.erb b/app/views/foodcourt/second_display/_second_display.html.erb
index c8af1aa9..91c8358a 100644
--- a/app/views/foodcourt/second_display/_second_display.html.erb
+++ b/app/views/foodcourt/second_display/_second_display.html.erb
@@ -1,7 +1,7 @@
 <div class="row clearfix h-100">
   <!-- First Column: Invoice Details -->
   <div class="col-12 h-100" id="second_display_order_items">
-    <div class="card h-100" style="opacity: 0.95; background-color: #f8f9fa;">
+    <div class="card h-100" style="opacity: 0.85; background-color: #f8f9fa;">
       <div class="card-header bg-primary text-white">
         <h4 class="mb-0">Invoice Details</h4>
       </div>
@@ -51,7 +51,7 @@
 
   <!-- Second Column: MMQR Payment -->
   <div class="col-12 d-flex flex-column h-100 hidden" id="mmqr_payment">
-    <div class="card h-100" style="opacity: 0.95;">
+    <div class="card h-100" style="opacity: 0.85;">
       <div class="card-header text-white" style="background-color: #ffc107;">
         <h4 class="mb-0">MMQR Payment Option</h4>
       </div>
@@ -66,7 +66,7 @@
               <p class="text-muted">Use your mobile wallet app</p>
             </div>
 
-            <div id="qr-payment-container" class="mx-auto text-center p-3 bg-white rounded border" style="max-width: 300px;">
+            <div id="qr-payment-container" class="mx-auto text-center p-3 bg-white rounded border" style="max-width: 350px;">
               <!-- Added mx-auto to center this block within its col-6 parent -->
               <div id="qr-code" class="mb-2">
                 <div id="qrpay_svg">