diff --git a/resources/assets/js/components/CreditCard/CardForm.vue b/resources/assets/js/components/CreditCard/CardForm.vue
index ac4607546..93d143ee9 100644
--- a/resources/assets/js/components/CreditCard/CardForm.vue
+++ b/resources/assets/js/components/CreditCard/CardForm.vue
@@ -3,7 +3,7 @@
     <div class="row align-items-center" v-if="Object.keys(cards).length">
         <div class="col-md-12">
             <div class="form-group">
-                <label for="item_name" class="form-control-label">Cards</label>
+                <label for="item_name" class="form-control-label">{{ textCard }}</label>
                 <div class="input-group-invoice-text" v-for="(name, key, id) in cards">
                     <div class="custom-radio mb-2">
                         <button type="button"
@@ -28,7 +28,7 @@
                             data-target="#collapseNewCard"
                             aria-expanded="false"
                             aria-controls="collapseNewCard"
-                            :disabled="loading">New Card</button>
+                            :disabled="loading">{{ textNewCard }}</button>
                     </div>
                 </div>
             </div>
@@ -409,6 +409,18 @@ export default {
             description: "Placeholder Card Number Text"
         },
 
+        textCard: {
+            type: String,
+            default: 'Cards',
+            description: "Label Card Text"
+        },
+
+        textNewCard: {
+            type: String,
+            default: 'New Card',
+            description: "Label New Card Name Text"
+        },
+
         textCardName: {
             type: String,
             default: 'Card Name',
diff --git a/resources/lang/en-GB/general.php b/resources/lang/en-GB/general.php
index 5104933e0..b17c41d1c 100644
--- a/resources/lang/en-GB/general.php
+++ b/resources/lang/en-GB/general.php
@@ -162,6 +162,7 @@ return [
     'amount_due'            => 'Amount due',
 
     'card' => [
+        'cards'                 => 'Card|Cards',
         'name'                  => 'Name on Card',
         'number'                => 'Card Number',
         'expiration_date'       => 'Expiration Date',
diff --git a/resources/views/partials/portal/payment_method/hosted.blade.php b/resources/views/partials/portal/payment_method/hosted.blade.php
index 0d1b8641e..c95c732e2 100644
--- a/resources/views/partials/portal/payment_method/hosted.blade.php
+++ b/resources/views/partials/portal/payment_method/hosted.blade.php
@@ -10,6 +10,8 @@
     text-year="{{ trans('general.year') }}"
     text-cvv="{{ trans('general.card.cvv') }}"
     textButton="{{ trans('general.confirm') }}"
+    textCard="{{ trans_choice('general.card.cards', 2) }}"
+    textNewCard="{{  trans('general.form.add_new', ['field' => trans_choice('general.card.cards', 1)]) }}"
     textStoreCard="{{ trans('general.card.save') }} "
     :store-card="{{ !empty($store_card) ? 'true' : 'false' }}"
     :cards="{{ !empty($cards) ? json_encode($cards) : json_encode([]) }}"