diff --git a/src/runtime/components/MollieCreditCardMandates.vue b/src/runtime/components/MollieCreditCardMandates.vue
index 6aab502..8223433 100644
--- a/src/runtime/components/MollieCreditCardMandates.vue
+++ b/src/runtime/components/MollieCreditCardMandates.vue
@@ -49,8 +49,10 @@ const changeMandate = async () => {
                         class="mollie-credit-card-mandates__radio-styled-checked"
                     />
                 </span>
-                {{ mandate.details.cardLabel }} - {{ mandate.details.cardHolder }} - ****
-                {{ mandate.details.cardNumber }}
+                {{ mandate.details.cardLabel && mandate.details.cardHolder && mandate.details.cardNumber
+                    ? `${mandate.details.cardLabel} - ${mandate.details.cardHolder} - **** ${mandate.details.cardNumber}`
+                    : 'Invalid'
+                }}
             </label>
         </div>