diff --git a/resources/views/portal/ninja2020/components/livewire/billing-portal-purchase.blade.php b/resources/views/portal/ninja2020/components/livewire/billing-portal-purchase.blade.php
index 0c516c7aa0b8..a3c82686677f 100644
--- a/resources/views/portal/ninja2020/components/livewire/billing-portal-purchase.blade.php
+++ b/resources/views/portal/ninja2020/components/livewire/billing-portal-purchase.blade.php
@@ -88,9 +88,11 @@
                         {{ ctrans('texts.you_might_be_interested_in_following') }}:
                     </p>
 
-                    @foreach($subscription->service()->getPlans() as $_subscription)
-                        <a class="block hover:underline" target="_blank" href="{{ route('client.subscription.purchase', $_subscription->hashed_id) }}">{{ $_subscription->name }}</a>
-                    @endforeach
+                    <div class="mt-4 space-x-2">
+                        @foreach($subscription->service()->getPlans() as $_subscription)
+                            <a class="border mt-4 bg-white rounded py-2 px-4 hover:bg-gray-100" target="_blank" href="{{ route('client.subscription.purchase', $_subscription->hashed_id) }}">{{ $_subscription->name }}</a>
+                        @endforeach
+                    </div>
                 </div>
             @endif
         </div>