diff --git a/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php b/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php
index d7e752fea647..0be3196b76b2 100644
--- a/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php
@@ -50,7 +50,7 @@
     @include('portal.ninja2020.gateways.includes.save_card')
 
     @component('portal.ninja2020.components.general.card-element-single')
-        <div class="w-screen items-center" id="paytrace--credit-card-container">
+        <div class="items-center" id="paytrace--credit-card-container">
             <div id="pt_hpf_form"></div>
         </div>
     @endcomponent
diff --git a/resources/views/portal/ninja2020/layout/payments.blade.php b/resources/views/portal/ninja2020/layout/payments.blade.php
index bdbc94ecfa57..b21a08abc7cf 100644
--- a/resources/views/portal/ninja2020/layout/payments.blade.php
+++ b/resources/views/portal/ninja2020/layout/payments.blade.php
@@ -70,9 +70,12 @@
 
         document.addEventListener('DOMContentLoaded', function() {
             let toggleWithToken = document.querySelector('.toggle-payment-with-token');
+            let toggleWithCard = document.querySelector('#toggle-payment-with-credit-card');
 
             if (toggleWithToken) {
                 toggleWithToken.click();
+            } else if (toggleWithCard) {
+                toggleWithCard.click();
             }
         });
     </script>