diff --git a/src/components/ui/VnLinkPhone.vue b/src/components/ui/VnLinkPhone.vue
index a9e9bc0fcf7..4174e4ae680 100644
--- a/src/components/ui/VnLinkPhone.vue
+++ b/src/components/ui/VnLinkPhone.vue
@@ -57,4 +57,5 @@ function handleClick() {
             {{ capitalize(type).replace('-', '') }}
         </QTooltip>
     </QBtn>
+    {{ phoneNumber }}
 </template>
diff --git a/src/components/ui/VnLv.vue b/src/components/ui/VnLv.vue
index ee3791291c5..aa7342742fc 100644
--- a/src/components/ui/VnLv.vue
+++ b/src/components/ui/VnLv.vue
@@ -43,7 +43,7 @@ const val = computed(() => $props.value);
                     <span style="color: var(--vn-label-color)">{{ label }}</span>
                 </slot>
             </div>
-            <div class="value">
+            <div class="value" v-if="value || $slots.value">
                 <slot name="value">
                     <span :title="value" style="text-overflow: ellipsis">
                         {{ dash ? dashIfEmpty(value) : value }}
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index bff925f81e9..119b867ede1 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -216,27 +216,23 @@ onMounted(async () => {
                             :value="toDate(entity.landed)"
                         />
                         <VnLv :label="t('globals.packages')" :value="entity.packages" />
-                        <VnLv :value="entity.address.phone">
-                            <template #label>
-                                {{ t('ticket.summary.consigneePhone') }}
+                        <VnLv :label="t('ticket.summary.consigneePhone')">
+                            <template #value>
                                 <VnLinkPhone :phone-number="entity.address.phone" />
                             </template>
                         </VnLv>
-                        <VnLv :value="entity.address.mobile">
-                            <template #label>
-                                {{ t('ticket.summary.consigneeMobile') }}
+                        <VnLv :label="t('ticket.summary.consigneeMobile')">
+                            <template #value>
                                 <VnLinkPhone :phone-number="entity.address.mobile" />
                             </template>
                         </VnLv>
-                        <VnLv :value="entity.client.phone">
-                            <template #label>
-                                {{ t('ticket.summary.clientPhone') }}
+                        <VnLv :label="t('ticket.summary.clientPhone')">
+                            <template #value>
                                 <VnLinkPhone :phone-number="entity.client.phone" />
                             </template>
                         </VnLv>
-                        <VnLv :value="entity.client.mobile">
-                            <template #label>
-                                {{ t('ticket.summary.clientMobile') }}
+                        <VnLv :label="t('ticket.summary.clientMobile')">
+                            <template #value>
                                 <VnLinkPhone :phone-number="entity.client.mobile" />
                             </template>
                         </VnLv>