diff --git a/resources/views/portal/ninja2020/components/livewire/pay-now-dropdown.blade.php b/resources/views/portal/ninja2020/components/livewire/pay-now-dropdown.blade.php
index 6410d359d166..d0c53470b6fb 100644
--- a/resources/views/portal/ninja2020/components/livewire/pay-now-dropdown.blade.php
+++ b/resources/views/portal/ninja2020/components/livewire/pay-now-dropdown.blade.php
@@ -5,7 +5,7 @@
             <div>
                 <div class="rounded-md shadow-sm">
                     <button data-cy="pay-now-dropdown" @click="open = !open" type="button"
-                            class="inline-flex justify-center w-full px-4 py-2 text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 active:text-gray-800">
+                            class="button button-primary bg-primary hover:bg-primary-darken inline-flex items-center">
                         {{ ctrans('texts.pay_now') }}
                         <svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20">
                             <path fill-rule="evenodd"