diff --git a/resources/views/qr-codes/index.blade.php b/resources/views/qr-codes/index.blade.php
index e47a8b7..d4fa0f6 100644
--- a/resources/views/qr-codes/index.blade.php
+++ b/resources/views/qr-codes/index.blade.php
@@ -38,7 +38,7 @@
                         </div>
                     </div>
 
-                    <div class="scrollbar-hide flex snap-x snap-mandatory gap-3 overflow-x-auto pb-2 sm:grid sm:grid-cols-3 sm:overflow-visible sm:pb-0 lg:gap-4" style="-ms-overflow-style:none;scrollbar-width:none;">
+                    <div class="scrollbar-hide flex snap-x snap-mandatory gap-3 overflow-x-auto pb-2 sm:flex-wrap sm:justify-end sm:overflow-visible sm:pb-0 lg:gap-4" style="-ms-overflow-style:none;scrollbar-width:none;">
                         <div class="mobile-stats-card shrink-0 snap-start rounded-xl border border-slate-200 bg-white/90 px-4 py-3 text-center backdrop-blur-sm">
                             <p class="whitespace-nowrap text-xl font-bold text-slate-900 sm:text-2xl">GHS {{ number_format($wallet->spendableBalance(), 2) }}</p>
                             <p class="mt-0.5 whitespace-nowrap text-[11px] font-medium text-slate-500">QR balance</p>