diff --git a/apps/web/src/views/checkout.ejs b/apps/web/src/views/checkout.ejs
index 19b2f5a..ea298a0 100644
--- a/apps/web/src/views/checkout.ejs
+++ b/apps/web/src/views/checkout.ejs
@@ -149,7 +149,7 @@
   <meta http-equiv="refresh" content="5">
   <% } %>
 
-  <div class="card-static overflow-hidden max-w-lg mx-auto">
+  <div class="card-static overflow-hidden">
 
     <!-- Header bar -->
     <div class="px-6 py-4 border-b divider flex items-center justify-between">
@@ -178,10 +178,10 @@
 
         <!-- Amount -->
         <div class="text-center">
-          <div class="text-xs text-gray-500 uppercase tracking-wider mb-1.5">Send exactly</div>
+          <div class="text-sm text-gray-500 mb-1.5">Send exactly</div>
           <div class="flex items-center justify-center gap-2">
             <span class="text-2xl font-bold font-mono text-white"><%= received > 0 && remaining > 0 ? remaining.toFixed(8) : inv.amount_crypto %></span>
-            <span class="text-base font-medium text-gray-400"><%= inv.coin_ticker %></span>
+            <span class="text-sm font-medium text-gray-400"><%= inv.coin_ticker %></span>
           </div>
         </div>
 
@@ -204,7 +204,7 @@
             <span class="text-sm text-gray-500">Address</span>
             <button onclick="copyAddr()" id="copy-btn" class="text-sm text-gray-500 hover:text-gray-300 transition-colors">Copy</button>
           </div>
-          <code class="block bg-surface-solid border border-border-subtle rounded-lg px-4 py-3 text-blue-400 text-xs font-mono select-all break-all leading-relaxed" id="pay-address"><%= inv.address %></code>
+          <code class="block bg-surface-solid border border-border-subtle rounded-lg px-4 py-3 text-blue-400 text-sm font-mono select-all break-all leading-relaxed" id="pay-address"><%= inv.address %></code>
         </div>
       </div>
     </div>