diff --git a/resources/views/front/products/finance.blade.php b/resources/views/front/products/finance.blade.php
index add10e0..04cfb28 100644
--- a/resources/views/front/products/finance.blade.php
+++ b/resources/views/front/products/finance.blade.php
@@ -46,11 +46,11 @@
                             <span class="w-2 h-2 rounded-full bg-[#00e676] animate-pulse"></span>
                             <span class="text-[#cacaca] text-[0.75rem] font-bold tracking-wider uppercase">{!! t('Canlı Piyasalar') !!}</span>
                         </div>
-                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
                             
                             {{-- USD Card --}}
-                            <div class="w-full md:w-auto">
-                                <div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
+                            <div class="col">
+                                <div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
                                     <div class="flex items-center justify-between !mb-2">
                                         <span class="text-[0.8rem] font-bold text-gray-500 uppercase">USD</span>
                                         <div class="flex items-center gap-1" id="usd-change-container" style="color: #009846;">
@@ -70,8 +70,8 @@
                             </div>
 
                             {{-- EUR Card --}}
-                            <div class="w-full md:w-auto">
-                                <div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
+                            <div class="col">
+                                <div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
                                     <div class="flex items-center justify-between !mb-2">
                                         <span class="text-[0.8rem] font-bold text-gray-500 uppercase">EUR</span>
                                         <div class="flex items-center gap-1" id="eur-change-container" style="color: #B9101E;">
@@ -91,8 +91,8 @@
                             </div>
 
                             {{-- GBP Card --}}
-                            <div class="w-full md:w-auto">
-                                <div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
+                            <div class="col">
+                                <div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
                                     <div class="flex items-center justify-between !mb-2">
                                         <span class="text-[0.8rem] font-bold text-gray-500 uppercase">GBP</span>
                                         <div class="flex items-center gap-1" id="gbp-change-container" style="color: #B9101E;">
@@ -112,8 +112,8 @@
                             </div>
 
                             {{-- GRA Card --}}
-                            <div class="w-full md:w-auto">
-                                <div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
+                            <div class="col">
+                                <div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
                                     <div class="flex items-center justify-between !mb-2">
                                         <span class="text-[0.8rem] font-bold text-gray-500 uppercase">GRA</span>
                                         <div class="flex items-center gap-1" id="gra-change-container" style="color: #B9101E;">