diff --git a/src/pages/03_customer-management/BranchPage.vue b/src/pages/03_customer-management/BranchPage.vue
index d93c685c..d4249112 100644
--- a/src/pages/03_customer-management/BranchPage.vue
+++ b/src/pages/03_customer-management/BranchPage.vue
@@ -76,6 +76,7 @@ const prop = withDefaults(
     currentCustomerName?: string;
     customerType: CustomerType;
     countEmployee?: number;
+    gender: string;
   }>(),
   {
     color: 'green',
@@ -255,7 +256,7 @@ watch([customerId, inputSearch, currentStatus], async () => {
           >
             <template #error>
               <q-img
-                :src="`${customerType === 'CORP' ? '/images/customer-CORP-avartar.png' : '/images/customer-PERS-avartar.png'}`"
+                :src="`${customerType === 'CORP' ? `/images/customer-CORP-avartar-${gender}.png` : `/images/customer-PERS-avartar-${gender}.png`}`"
               />
             </template>
           </q-img>
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 8c0160c5..511a12ca 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1659,6 +1659,7 @@ const emptyCreateDialog = ref(false);
         :customer-type="currentCustomer.customerType"
         :current-customer-name="`${currentCustomer.firstName} ${currentCustomer.lastName}`"
         :count-employee="currentCustomer._count.employee"
+        :gender="currentCustomer.gender"
         v-model:customer-id="currentCustomer.id"
         v-model:mode-view="gridView"
         @back="$router.push('/customer-management')"