diff --git a/app/webpacker/controllers/paymentmethod_controller.js b/app/webpacker/controllers/paymentmethod_controller.js
index 7445048bf5..9b151666e6 100644
--- a/app/webpacker/controllers/paymentmethod_controller.js
+++ b/app/webpacker/controllers/paymentmethod_controller.js
@@ -12,6 +12,14 @@ export default class extends Controller {
 
   selectPaymentMethod(event) {
     this.doSelectPaymentMethod(event.target.dataset.paymentmethodId);
+    const stripeCardsController =
+      this.application.getControllerForElementAndIdentifier(
+        document
+          .getElementById(event.target.dataset.paymentmethodId)
+          .querySelector('[data-controller="stripe-cards"]'),
+        "stripe-cards"
+      );
+    stripeCardsController.connect();
   }
 
   doSelectPaymentMethod(paymentMethodContainerId) {