diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 1316d7d5..0cafc0c9 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1954,6 +1954,7 @@ watch([inputSearch, currentStatus], async () => {
                           <q-td>
                             <q-btn
                               icon="mdi-eye-outline"
+                              :id="`btn-eye-${props.row.customerName}`"
                               size="sm"
                               dense
                               round
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 6aed2115..5a1f00f9 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1782,6 +1782,7 @@ watch(inputSearchProductAndService, async () => {
                       <q-td>
                         <q-btn
                           icon="mdi-eye-outline"
+                          :id="`btn-eye-${props.row.name}`"
                           size="sm"
                           dense
                           round
@@ -1812,6 +1813,7 @@ watch(inputSearchProductAndService, async () => {
 
                         <q-btn
                           icon="mdi-dots-vertical"
+                          :id="`btn-dots-${props.row.name}`"
                           size="sm"
                           dense
                           round
@@ -2638,6 +2640,7 @@ watch(inputSearchProductAndService, async () => {
                       <q-td>
                         <q-btn
                           icon="mdi-eye-outline"
+                          :id="`btn-eye-${props.row.name}`"
                           size="sm"
                           dense
                           round
@@ -2662,6 +2665,7 @@ watch(inputSearchProductAndService, async () => {
 
                         <q-btn
                           icon="mdi-dots-vertical"
+                          :id="`btn-dots-${props.row.name}`"
                           size="sm"
                           dense
                           round