diff --git a/resources/views/billing-portal/v3/payments/methods.blade.php b/resources/views/billing-portal/v3/payments/methods.blade.php
index 427cd1de03..fb14733f03 100644
--- a/resources/views/billing-portal/v3/payments/methods.blade.php
+++ b/resources/views/billing-portal/v3/payments/methods.blade.php
@@ -1,9 +1,11 @@
 <div>
     <h1 class="text-2xl">{{ ctrans('texts.payment_methods') }}</h1>
 
-    @foreach($methods as $method)
-        <button wire:click="handleSelect('{{ $method['company_gateway_id'] }}', '{{ $method['gateway_type_id'] }}')">
-            {{ $method['label'] }}
-        </button>
-    @endforeach
+    <div class="flex flex-col space-y-3 my-3">
+        @foreach($methods as $method)
+            <button class="flex items-center justify-between mb-4 bg-white rounded px-6 py-4 shadow-sm border" wire:click="handleSelect('{{ $method['company_gateway_id'] }}', '{{ $method['gateway_type_id'] }}')">
+                {{ $method['label'] }}
+            </button>
+        @endforeach
+    </div>
 </div>