diff --git a/public/js/clients/payments/stripe-bacs.js b/public/js/clients/payments/stripe-bacs.js
index 55d1402334e6..b0295b03f98a 100644
--- a/public/js/clients/payments/stripe-bacs.js
+++ b/public/js/clients/payments/stripe-bacs.js
@@ -34,12 +34,12 @@ class ProcessBACS {
     };
 
     handle = () => {
-        document.getElementById('pay-now').addEventListener('click', (e) => {
+        document.getElementById('authorize-bacs').addEventListener('click', (e) => {
             let errors = document.getElementById('errors');
 
-            document.getElementById('pay-now').disabled = true;
-            document.querySelector('#pay-now > svg').classList.remove('hidden');
-            document.querySelector('#pay-now > span').classList.add('hidden');
+            document.getElementById('authorize-bacs').disabled = true;
+            document.querySelector('#authorize-bacs > svg').classList.remove('hidden');
+            document.querySelector('#authorize-bacs > span').classList.add('hidden');
             location.href=document.querySelector('meta[name=stripe-redirect-url').content;
         });
     };
diff --git a/resources/js/clients/payments/stripe-bacs.js b/resources/js/clients/payments/stripe-bacs.js
index 35139e2f6c99..b0295b03f98a 100644
--- a/resources/js/clients/payments/stripe-bacs.js
+++ b/resources/js/clients/payments/stripe-bacs.js
@@ -18,10 +18,10 @@ class ProcessBACS {
     setupStripe = () => {
 
         if (this.stripeConnect){
-           // this.stripe.stripeAccount = this.stripeConnect;
+            // this.stripe.stripeAccount = this.stripeConnect;
 
-           this.stripe = Stripe(this.key, {
-              stripeAccount: this.stripeConnect,
+            this.stripe = Stripe(this.key, {
+                stripeAccount: this.stripeConnect,
             });
 
         }
@@ -34,12 +34,12 @@ class ProcessBACS {
     };
 
     handle = () => {
-        document.getElementById('pay-now').addEventListener('click', (e) => {
+        document.getElementById('authorize-bacs').addEventListener('click', (e) => {
             let errors = document.getElementById('errors');
 
-            document.getElementById('pay-now').disabled = true;
-            document.querySelector('#pay-now > svg').classList.remove('hidden');
-            document.querySelector('#pay-now > span').classList.add('hidden');
+            document.getElementById('authorize-bacs').disabled = true;
+            document.querySelector('#authorize-bacs > svg').classList.remove('hidden');
+            document.querySelector('#authorize-bacs > span').classList.add('hidden');
             location.href=document.querySelector('meta[name=stripe-redirect-url').content;
         });
     };
diff --git a/resources/views/portal/ninja2020/gateways/stripe/bacs/authorize.blade.php b/resources/views/portal/ninja2020/gateways/stripe/bacs/authorize.blade.php
index 18a6d0591764..7eb969d268b2 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/bacs/authorize.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/bacs/authorize.blade.php
@@ -23,7 +23,7 @@
 
     <div class="alert alert-failure mb-4" hidden id="errors"></div>
 
-    @component('portal.ninja2020.gateways.includes.pay_now', ['id' => 'authorize-card'])
+    @component('portal.ninja2020.gateways.includes.pay_now', ['id' => 'authorize-bacs'])
         {{ ctrans('texts.add_payment_method') }}
     @endcomponent
 @endsection