diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index ebed7c07..53986d35 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -60,6 +60,7 @@ import {
   formMenuIconEmployee,
   uploadFileListEmployee,
   columnsAttachment,
+  dialogCreateCustomerItem,
 } from './constant';
 import { useCustomerForm, useEmployeeForm } from './form';
 import { storeToRefs } from 'pinia';
@@ -72,11 +73,6 @@ import useOptionStore from 'stores/options';
 import { DialogContainer, DialogHeader } from 'components/dialog';
 import KebabAction from 'src/components/shared/KebabAction.vue';
 
-const currentSelectedMenu = ref<{ label: string; value: string }>({
-  label: '',
-  value: '',
-});
-
 const { t, locale } = useI18n();
 const $q = useQuasar();
 const route = useRoute();
@@ -208,20 +204,6 @@ const maxPageEmployee = ref<number>(1);
 const pageSize = ref<number>(30);
 const dialogCustomerImageUpload = ref<InstanceType<typeof ImageUploadDialog>>();
 const dialogEmployeeImageUpload = ref<InstanceType<typeof ImageUploadDialog>>();
-const dialogCreateCustomerItem = [
-  {
-    icon: 'mdi:office-building',
-    text: 'customer.employerLegalEntity',
-    iconColor: '--purple-10',
-    color: 'var(--purple-8-hsl)',
-  },
-  {
-    icon: 'heroicons:user-solid',
-    text: 'customer.employerNaturalPerson',
-    iconColor: '--green-11',
-    color: 'var(--green-9-hsl)',
-  },
-];
 
 // image
 const refreshImageState = ref(false);
@@ -3848,6 +3830,7 @@ const emptyCreateDialog = ref(false);
                   {{ $t(`general.uploadFile`) }}
                 </div>
               </div>
+
               <UploadFileGroup
                 v-model:current-id="currentFromDataEmployee.id"
                 v-model="currentFromDataEmployee.file"
diff --git a/src/pages/03_customer-management/constant.ts b/src/pages/03_customer-management/constant.ts
index 7d6a747f..a38716c0 100644
--- a/src/pages/03_customer-management/constant.ts
+++ b/src/pages/03_customer-management/constant.ts
@@ -1,5 +1,35 @@
 import { QTableProps } from 'quasar';
 
+export const dialogCreateCustomerItem = [
+  {
+    icon: 'mdi:office-building',
+    text: 'customer.employerLegalEntity',
+    iconColor: '--purple-10',
+    color: 'var(--purple-8-hsl)',
+  },
+  {
+    icon: 'heroicons:user-solid',
+    text: 'customer.employerNaturalPerson',
+    iconColor: '--green-11',
+    color: 'var(--green-9-hsl)',
+  },
+];
+
+export const formMenuIcon = <
+  { icon: string; color: string; bgColor: string }[]
+>[
+  {
+    icon: 'mdi-office-building-outline',
+    color: 'hsl(var(--info-bg))',
+    bgColor: 'var(--surface-1)',
+  },
+  {
+    icon: 'mdi-briefcase-outline',
+    color: 'hsl(var(--info-bg))',
+    bgColor: 'var(--surface-1)',
+  },
+];
+
 export const countryCode = [
   {
     label: 'thai',