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 d7dc52eaefb5..f7b4a8f383df 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
@@ -76,7 +76,21 @@
 @push('footer')
 <script defer>
  
-// $(function() {
+$(function() {
+
+document.getElementsByClassName("expiry")[0].addEventListener('change', function() {
+
+str = document.getElementsByClassName("expiry")[0].value.replace(/\s/g, '');
+const myArray = str.split("/");
+
+document.getElementsByName('expiry-month')[0].value = myArray[0];
+document.getElementsByName('expiry-year')[0].value = myArray[1];
+
+});
+
+
+
+
 //  var myCard = $('#my-card');
 //  myCard.EXPIRY_USE_DROPDOWNS = true;
 
@@ -89,7 +103,7 @@
 // document.getElementsByName('expiry-year')[0].setAttribute("autocompletetype", "cc-exp-year");
 // document.getElementsByName('expiry-year')[0].setAttribute("autocomplete", "on");
 
-// });
+});
 
 </script>
 @endpush
\ No newline at end of file