diff --git a/src/components/05_quotation/ProductItem.vue b/src/components/05_quotation/ProductItem.vue
index 74f335f0..53b3e3a8 100644
--- a/src/components/05_quotation/ProductItem.vue
+++ b/src/components/05_quotation/ProductItem.vue
@@ -174,6 +174,7 @@ function openEmployeeTable(title: string, index: number) {
 }
 
 function groupByServiceId(data: typeof rows.value) {
+  if (data.length === 0) return;
   const groupedItems: {
     title: string;
     product: QuotationPayload['productServiceList'][number][];
@@ -275,7 +276,9 @@ watch(
   <div class="column">
     <div class="full-width">
       <section
-        v-for="(item, i) in groupByServiceId(rows)"
+        v-for="(item, i) in groupByServiceId(rows) || [
+          { title: '', product: [] },
+        ]"
         :key="i"
         class="q-pb-md"
       >