diff --git a/src/components/04_product-service/TableProduct.vue b/src/components/04_product-service/TableProduct.vue
index d1ae1855..6197bd32 100644
--- a/src/components/04_product-service/TableProduct.vue
+++ b/src/components/04_product-service/TableProduct.vue
@@ -150,7 +150,10 @@ defineEmits<{
           style="max-width: 150px"
           v-if="fieldSelected.includes('productDetail')"
         >
-          {{ props.row.detail || '-' }}
+          <q-tooltip>
+            <div v-html="props.row.detail || '-'" />
+          </q-tooltip>
+          <div class="ellipsis-2-lines" v-html="props.row.detail || '-'" />
         </q-td>
         <q-td v-if="fieldSelected.includes('productExpenseType')">
           {{ optionStore.mapOption(props.row.expenseType) }}
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index fa5e8c2f..bb2a5d54 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2669,7 +2669,7 @@ watch(
                             <div v-html="props.row.detail || '-'" />
                           </q-tooltip>
                           <div
-                            class="ellipsis-3-lines"
+                            class="ellipsis-2-lines"
                             v-html="props.row.detail || '-'"
                           />
                         </q-td>