diff --git a/resources/views/portal/ninja2020/gateways/authorize/credit_card/authorize.blade.php b/resources/views/portal/ninja2020/gateways/authorize/credit_card/authorize.blade.php
index 6a0535b3ffe5..f16f3a15873f 100644
--- a/resources/views/portal/ninja2020/gateways/authorize/credit_card/authorize.blade.php
+++ b/resources/views/portal/ninja2020/gateways/authorize/credit_card/authorize.blade.php
@@ -52,3 +52,23 @@
 
     <script src="{{ asset('js/clients/payment_methods/authorize-authorize-card.js') }}"></script>
 @endsection
+
+@push('footer')
+<script defer>
+ 
+$(function() {
+
+    document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
+
+    str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
+    const expiryArray = str.split("/");
+
+    document.getElementsByName('expiry-month')[0].value = expiryArray[0];
+    document.getElementsByName('expiry-year')[0].value = expiryArray[1];
+
+    });
+
+});
+
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/authorize/credit_card/pay.blade.php b/resources/views/portal/ninja2020/gateways/authorize/credit_card/pay.blade.php
index f7b4a8f383df..0125dcd18700 100644
--- a/resources/views/portal/ninja2020/gateways/authorize/credit_card/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/authorize/credit_card/pay.blade.php
@@ -78,30 +78,15 @@
  
 $(function() {
 
-document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
+    document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
 
-str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
-const myArray = str.split("/");
+    str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
+    const expiryArray = str.split("/");
 
-document.getElementsByName('expiry-month')[0].value = myArray[0];
-document.getElementsByName('expiry-year')[0].value = myArray[1];
+    document.getElementsByName('expiry-month')[0].value = expiryArray[0];
+    document.getElementsByName('expiry-year')[0].value = expiryArray[1];
 
-});
-
-
-
-
-//  var myCard = $('#my-card');
-//  myCard.EXPIRY_USE_DROPDOWNS = true;
-
-// document.getElementsByName('expiry-month')[0].setAttribute("x-autocompletetype", "cc-exp-month");
-// document.getElementsByName('expiry-month')[0].setAttribute("autocompletetype", "cc-exp-month");
-// document.getElementsByName('expiry-month')[0].setAttribute("autocomplete", "on");
-// document.getElementsByClassName('expiry')[0].setAttribute("autocomplete", "on");
-
-// document.getElementsByName('expiry-year')[0].setAttribute("x-autocompletetype", "cc-exp-year");
-// document.getElementsByName('expiry-year')[0].setAttribute("autocompletetype", "cc-exp-year");
-// document.getElementsByName('expiry-year')[0].setAttribute("autocomplete", "on");
+    });
 
 });
 
diff --git a/resources/views/portal/ninja2020/gateways/forte/credit_card/pay.blade.php b/resources/views/portal/ninja2020/gateways/forte/credit_card/pay.blade.php
index 1e20311e7c45..31ec9435ee21 100644
--- a/resources/views/portal/ninja2020/gateways/forte/credit_card/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/forte/credit_card/pay.blade.php
@@ -49,3 +49,23 @@
     
     <script src="{{ asset('js/clients/payments/forte-credit-card-payment.js') }}"></script>
 @endsection
+
+@push('footer')
+<script defer>
+ 
+$(function() {
+
+    document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
+
+    str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
+    const expiryArray = str.split("/");
+
+    document.getElementsByName('expiry-month')[0].value = expiryArray[0];
+    document.getElementsByName('expiry-year')[0].value = expiryArray[1];
+
+    });
+
+});
+
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/wepay/authorize/authorize.blade.php b/resources/views/portal/ninja2020/gateways/wepay/authorize/authorize.blade.php
index d6f8faadac7a..74f8cb1fd75a 100644
--- a/resources/views/portal/ninja2020/gateways/wepay/authorize/authorize.blade.php
+++ b/resources/views/portal/ninja2020/gateways/wepay/authorize/authorize.blade.php
@@ -49,3 +49,23 @@
 @section('gateway_footer')
     <script src="{{ asset('js/clients/payments/wepay-credit-card.js') }}"></script>
 @endsection
+
+@push('footer')
+<script defer>
+ 
+$(function() {
+
+    document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
+
+    str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
+    const expiryArray = str.split("/");
+
+    document.getElementsByName('expiry-month')[0].value = expiryArray[0];
+    document.getElementsByName('expiry-year')[0].value = expiryArray[1];
+
+    });
+
+});
+
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/wepay/credit_card/pay.blade.php b/resources/views/portal/ninja2020/gateways/wepay/credit_card/pay.blade.php
index 87a3d3a10195..5c2de7f9be60 100644
--- a/resources/views/portal/ninja2020/gateways/wepay/credit_card/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/wepay/credit_card/pay.blade.php
@@ -81,3 +81,23 @@
 
     <script src="{{ asset('js/clients/payments/wepay-credit-card.js') }}"></script>
 @endsection
+
+@push('footer')
+<script defer>
+ 
+$(function() {
+
+    document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
+
+    str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
+    const expiryArray = str.split("/");
+
+    document.getElementsByName('expiry-month')[0].value = expiryArray[0];
+    document.getElementsByName('expiry-year')[0].value = expiryArray[1];
+
+    });
+
+});
+
+</script>
+@endpush
\ No newline at end of file