diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index ebce5945..38f2b579 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import { useRoute, useRouter } from 'vue-router';
 import { getUserId, getRole } from 'src/services/keycloak';
+import { baseUrl } from 'src/stores/utils';
 
 import useCustomerStore from 'stores/customer';
 import useEmployeeStore from 'stores/employee';
@@ -1032,9 +1033,8 @@ const emptyCreateDialog = ref(false);
                                 <div class="branch-card__icon">
                                   <q-avatar size="md">
                                     <q-img
-                                      :src="`
-                                      ${props.row.imageUrl ?? '/images/customer-' + props.row.customerType + '-avartar.png'}
-                                    `"
+                                      :src="`${baseUrl}/customer/${props.row.id}/image`"
+                                      class="full-height full-width"
                                     >
                                       <template #error>
                                         <q-img