diff --git a/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
index ca4c0608..7e9f5f5d 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
@@ -26,11 +26,11 @@
                         </div>
                         <div class="col" v-if="['customerPaidInvoiceComponent', 'customerPaidGroupInvoiceComponent'].includes(section)">
                             <p class="no-margin fs-10 all-caps">Payment Date</p>
-                            <div> {{ item.payment_history?.[item.payment_history.length - 1]?.created_at || '-' }}</div>
+                            <div>{{ item.payment_history && item.payment_history.length > 0 ? item.payment_history[item.payment_history.length - 1].created_at : '-' }}</div>
                         </div>
                         <div class="col" v-if="['customerPaidInvoiceComponent', 'customerPaidGroupInvoiceComponent'].includes(section)">
                             <p class="no-margin fs-10 all-caps">Bill Number</p>
-                            <div>{{ item.payment_history?.[item.payment_history.length-1]?.payment_reference || '-' }}</div>
+                            <div>{{ item.payment_history && item.payment_history.length > 0 ? item.payment_history[item.payment_history.length - 1].payment_reference : '-' }}</div>
                         </div>
                         <div class="col-auto">
                             <div v-if="item.documents.length">