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 9bb15e96d7dd..b613c3ce6854 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
@@ -80,11 +80,11 @@ $(function() {
  var myCard = $('#my-card');
  myCard.EXPIRY_USE_DROPDOWNS = true;
 
-document.getElementsByName('expiry-month')[0].attr("x-autocompletetype", "cc-exp-month");
-document.getElementsByName('expiry-month')[0].attr("autocompletetype", "cc-exp-month");
+document.getElementsByName('expiry-month')[0].setAttribute("x-autocompletetype", "cc-exp-month");
+document.getElementsByName('expiry-month')[0].setAttribute("autocompletetype", "cc-exp-month");
 
-document.getElementsByName('expiry-year')[0].attr("x-autocompletetype", "cc-exp-year");
-document.getElementsByName('expiry-year')[0].attr("autocompletetype", "cc-exp-year");
+document.getElementsByName('expiry-year')[0].setAttribute("x-autocompletetype", "cc-exp-year");
+document.getElementsByName('expiry-year')[0].setAttribute("autocompletetype", "cc-exp-year");
 
 });