diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 8177c9ce..24bcbee3 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1330,9 +1330,9 @@ const emptyCreateDialog = ref(false);
                         </q-td>
 
                         <q-td>
+                          {{ console.log(props.row) }}
                           <q-btn
-                            v-if="props.row.branch[0].customerName"
-                            :id="`btn-eye-${props.row.branch[0].customerName}`"
+                            :id="`btn-eye-${props.row.branch[0].customerName || props.row.branch[0].firstName}`"
                             dense
                             flat
                             @click.stop="
@@ -1369,9 +1369,8 @@ const emptyCreateDialog = ref(false);
                             </div>
                           </q-btn>
                           <q-btn
-                            v-if="props.row.branch[0].customerName"
                             icon="mdi-eye-outline"
-                            :id="`btn-eye-${props.row.branch[0].customerName}`"
+                            :id="`btn-eye-${props.row.branch[0].customerName || props.row.branch[0].firstName}`"
                             size="sm"
                             dense
                             round