diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index bf52b8d6b..eb001328c 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -149,6 +149,15 @@ const setShippedColor = (date) => {
     if (difference == 0) return 'warning';
     if (difference < 0) return 'success';
 };
+
+const getItemPackagingType = (row) => {
+    const packagingType = row?.ticketSales
+        .map((sale) => sale.item?.itemPackingTypeFk || '-')
+        .filter((value) => value !== '-')
+        .join(', ');
+
+    return dashIfEmpty(packagingType);
+};
 </script>
 
 <template>
@@ -221,14 +230,7 @@ const setShippedColor = (date) => {
         </template>
         <template #column-itemPackingTypeFk="{ row }">
             <span>
-                {{
-                    dashIfEmpty(
-                        row?.ticketSales
-                            .map((sale) => sale.item?.itemPackingTypeFk || '-')
-                            .filter((value) => value !== '-')
-                            .join(', ')
-                    )
-                }}
+                {{ getItemPackagingType(row) }}
             </span>
         </template>
     </VnTable>