diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index aca00a51..67e0c685 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -15,12 +15,7 @@ import { dateFormat, calculateAge } from 'src/utils/datetime';
 import { useEmployeeForm } from 'src/pages/03_customer-management/form';
 import { useQuotationStore } from 'src/stores/quotations';
 import useProductServiceStore from 'stores/product-service';
-import {
-  baseUrl,
-  waitAll,
-  calculateDaysUntilExpire,
-  dialog,
-} from 'src/stores/utils';
+import { waitAll, calculateDaysUntilExpire, dialog } from 'src/stores/utils';
 import useEmployeeStore from 'stores/employee';
 import { useInvoice, useReceipt } from 'stores/payment';
 import useCustomerStore from 'stores/customer';
@@ -106,6 +101,8 @@ type Node = {
 
 type ProductGroupId = string;
 
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
+
 const employeeStore = useEmployeeStore();
 const route = useRoute();
 const useReceiptStore = useReceipt();
@@ -1477,7 +1474,9 @@ async function getWorkerFromCriteria(
                         e.employeePassport[0]?.expireDate !== undefined
                           ? dateFormat(e.employeePassport[0]?.expireDate)
                           : '-',
-                      imgUrl: `${baseUrl}/customer/${e.id}/image/${e.selectedImage}`,
+                      imgUrl: e.selectedImage
+                        ? `${API_BASE_URL}/employee/${e.id}/image/${e.selectedImage}`
+                        : '',
                       status: e.status,
                     }))
                   "
@@ -1541,7 +1540,7 @@ async function getWorkerFromCriteria(
                         e.employeePassport[0]?.expireDate !== undefined
                           ? dateFormat(e.employeePassport[0]?.expireDate) || '-'
                           : '-',
-                      imgUrl: `${baseUrl}/customer/${e.id}/image/${e.selectedImage}`,
+                      imgUrl: `${API_BASE_URL}/customer/${e.id}/image/${e.selectedImage}`,
                       status: e.status,
                     }))
                   "
@@ -2245,7 +2244,7 @@ async function getWorkerFromCriteria(
                 code: item.employeePassport?.at(0)?.number,
                 female: item.gender === 'female',
                 male: item.gender === 'male',
-                img: `${baseUrl}/customer/${item.id}/image/${item.selectedImage}`,
+                img: `${API_BASE_URL}/customer/${item.id}/image/${item.selectedImage}`,
                 fallbackImg: '/images/employee-avatar.png',
                 detail: [
                   {
@@ -2274,7 +2273,7 @@ async function getWorkerFromCriteria(
                 code: item.code,
                 female: item.gender === 'female',
                 male: item.gender === 'male',
-                img: `${baseUrl}/customer/${item.id}/image/${item.selectedImage}`,
+                img: `${API_BASE_URL}/customer/${item.id}/image/${item.selectedImage}`,
                 fallbackImg: '/images/employee-avatar.png',
                 detail: [
                   {