diff --git a/frontend/pages/cart/checkout.vue b/frontend/pages/cart/checkout.vue
index 0f66eb1..e5e01fe 100644
--- a/frontend/pages/cart/checkout.vue
+++ b/frontend/pages/cart/checkout.vue
@@ -80,18 +80,12 @@ onMounted(() => {
 
 <template>
     <div class="flex flex-col w-full gap-5">
-        <div
-            class="flex flex-col items-center w-full gap-4 p-4 border border-gray-300 rounded-xl bg-gray-50"
-        >
-            <span
-                class="flex items-center justify-start w-full text-[1.125rem] font-semibold text-gray-900"
-            >
+        <div class="flex flex-col items-center w-full gap-4 p-4 border border-slate-200 rounded-xl bg-gray-50">
+            <span class="flex items-center justify-start w-full text-[1.125rem] font-semibold text-gray-900">
                 روش پرداخت
             </span>
 
-            <div
-                class="w-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"
-            >
+            <div class="w-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
                 <Gateway
                     v-for="(gateway, index) in paymentGateways"
                     :index="index"