diff --git a/resources/js/components/StrukOverlay.vue b/resources/js/components/StrukOverlay.vue
index 583fd29..055ae13 100644
--- a/resources/js/components/StrukOverlay.vue
+++ b/resources/js/components/StrukOverlay.vue
@@ -39,18 +39,17 @@
             <inputField v-model="nomorTelepon" class="h-7 px-2 text-sm rounded bg-blue-200 w-full" />
           </div>
         </div>
-
-        <div class="flex justify-between items-center mb-1 w-full">
-          <div class="flex gap-2">
-            <img :src="logo_bca" alt="Logo_bca" class="h-5" />
-            <img :src="logo_bri" alt="Logo_bri" class="h-5" />
-            <img :src="logo_bni" alt="Logo_bni" class="h-5" />
-          </div>
-          <div class="flex gap-2">
-            <img :src="logo_mastercard" alt="Logo_mastercard" class="h-5" />
-            <img :src="logo_visa" alt="Logo_visa" class="h-5" />
-            <img :src="logo_mandiri" alt="Logo_mandiri" class="h-5" />
-          </div>
+        <div class="flex  mb-1 gap-179">
+            <div class="flex gap-4">
+                <img :src="logo_bca" alt="Logo_bca" class="h-5" />
+                <img :src="logo_bri" alt="Logo_bri" class="h-5" />
+                <img :src="logo_bni" alt="Logo_bni" class="h-5" />
+            </div>
+            <div class="flex gap-4">
+                <img :src="logo_mastercard" alt="Logo_mastercard" class="h-5" />
+                <img :src="logo_visa" alt="Logo_visa" class="h-5" />
+                <img :src="logo_mandiri" alt="Logo_mandiri" class="h-5" />
+            </div>
         </div>
         <table class="w-full border-D  text-sm table-fixed border-b">
           <thead>