diff --git a/resources/views/checkout/partials/sections/payment.blade.php b/resources/views/checkout/partials/sections/payment.blade.php
index 2ad2b19f..1a31132f 100644
--- a/resources/views/checkout/partials/sections/payment.blade.php
+++ b/resources/views/checkout/partials/sections/payment.blade.php
@@ -2,20 +2,21 @@
     <form id="payment" class="flex flex-col gap-2" v-on:submit.prevent="save(['payment_method'], 4)">
         <div v-for="(method, index) in checkout.payment_methods">
             <x-rapidez-ct::input.radio
-                class="min-h-[40px]"
                 name="payment_method"
                 v-bind:value="method.code"
                 v-bind:dusk="'method-'+index"
                 v-model="checkout.payment_method"
                 required
             >
-                <div>@{{ method.title }}</div>
-                <img
-                    class="max-h-10"
-                    v-bind:alt="method.code"
-                    v-bind:src="`/vendor/payment-icons/${method.code}.svg`"
-                    onerror="this.onerror=null; this.src='/vendor/payment-icons/creditcard.svg'"
-                />
+                <x-slot:slot class="min-h-[40px]">
+                    <div>@{{ method.title }}</div>
+                    <img
+                        class="max-h-10"
+                        v-bind:alt="method.code"
+                        v-bind:src="`/vendor/payment-icons/${method.code}.svg`"
+                        onerror="this.onerror=null; this.src='/vendor/payment-icons/creditcard.svg'"
+                    />
+                </x-slot:slot>
             </x-rapidez-ct::input.radio>
         </div>
         <graphql query="{ checkoutAgreements { agreement_id name checkbox_text content is_html mode } }">
diff --git a/resources/views/components/input/radio.blade.php b/resources/views/components/input/radio.blade.php
index 3685e0aa..04824667 100644
--- a/resources/views/components/input/radio.blade.php
+++ b/resources/views/components/input/radio.blade.php
@@ -1,12 +1,12 @@
-<label {{ $attributes->only('class')->class("relative flex w-full cursor-pointer items-center justify-start gap-x-3 rounded border bg-white p-2 py-5 sm:p-7 text-sm text-ct-primary") }}>
+@slots(['wrapper'])
+
+<label {{ ($slot->attributes ?? $wrapper->attributes)->merge(['class' => 'relative flex w-full cursor-pointer items-center justify-start gap-x-3 rounded border bg-white p-2 py-5 sm:p-7 text-sm text-ct-primary']) }}>
     {{-- The 0 opacity and 1px width ensures the element is "visible" for the browser so the browser can focus which is useful for validation --}}
-    <input type="radio" {{ $attributes->except('class')->merge(['class' => 'peer opacity-0 border-0 w-px']) }}/>
+    <input type="radio" {{ $attributes->class(['peer opacity-0 border-0 w-px']) }}/>
     <div class="absolute -inset-y-px -left-px w-1 rounded-l bg-ct-accent opacity-0 transition-all peer-checked:opacity-100"></div>
     {{-- TODO: Check if we can't just style the radio? --}}
     <div class="relative aspect-square w-6 shrink-0 rounded-full border bg-white transition-all after:absolute after:inset-1 after:rounded-full after:bg-ct-accent after:opacity-0 after:transition-all after:peer-checked:opacity-100 peer-disabled:bg-ct-inactive-100"></div>
-    @isset($slot)
-        <div class="flex w-full flex-wrap items-center justify-between gap-x-3">
-            {{ $slot }}
-        </div>
-    @endisset
+    <div class="flex w-full flex-wrap items-center justify-between gap-x-3">
+        {{ $wrapper }}{{ $slot }}
+    </div>
 </label>