diff --git a/src/css/app.scss b/src/css/app.scss
index 5304eaf7..70343070 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -17,6 +17,8 @@ html {
   --surface-2: var(--gray-0);
   --surface-3: var(--gray-1);
 
+  --surface-tab: var(--gray-2);
+
   --text-mute: var(--stone-5-hsl);
   --text-mute-2: var(--stone-7-hsl);
 
@@ -54,6 +56,8 @@ html {
   --surface-2: var(--gray-10);
   --surface-3: var(--gray-9);
 
+  --surface-tab: var(--gray-2);
+
   --customer-corp: var(--purple-9-hsl);
 
   --text-mute: var(--stone-8-hsl);
@@ -123,6 +127,10 @@ html {
   background-color: var(--surface-3) !important;
 }
 
+.surface-tab {
+  background-color: var(--surface-tab) !important;
+}
+
 .app-text-muted {
   color: hsl(var(--text-mute));
 }
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index c248cb28..ed787f3e 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -59,3 +59,15 @@ $separator-dark-color: var(--border-color);
 div.fullscreen.q-drawer__backdrop {
   background-color: hsla(0 0% 60% / 0.4) !important;
 }
+
+.q-field--dense .q-field__label {
+  font-family: 'Noto Sans Thai', sans-serif;
+}
+
+.q-field__inner {
+  font-family: 'Noto Sans Thai', sans-serif;
+}
+
+.dp__menu.dp__menu_index.dp__theme_light.dp--menu-wrapper {
+  font-family: 'Noto Sans Thai', sans-serif;
+}
diff --git a/src/i18n/en-US/customer-main-page.ts b/src/i18n/en-US/customer-main-page.ts
index 367cd207..61e675ae 100644
--- a/src/i18n/en-US/customer-main-page.ts
+++ b/src/i18n/en-US/customer-main-page.ts
@@ -1,11 +1,16 @@
 export default {
   customerManagement: 'Manage customers',
-  customerTooltipTitle: 'No employer data yet',
-  customerTooltipCaption: 'Click + to add an employer',
-  customerAdd: 'Add employer',
+  customerEmployerTooltipTitle: 'No employer data yet',
+  customerEmployeeTooltipTitle: 'No employee data yet',
+  customerEmployerTooltipCaption: 'Click + to add an employer',
+  customerEmployeeTooltipCaption: 'Click + to add an employee',
+  customerEmployerAdd: 'Add employer',
+  customerEmployeeAdd: 'Add employee',
   EMPLOYER: 'Employer',
-  WORKER: 'Employee',
-  customerStatTitle: 'Employer data summary',
+  EMPLOYEE: 'Employee',
+  customerEmployerStatTitle: 'Employer data summary',
+  customerEmployeeStatTitle: 'Employee data summary',
+
   customerCardUserType: 'Employer type',
   customerLegalEntity: 'Legal entity',
   customerNaturalPerson: 'Natural person',
diff --git a/src/i18n/en-US/form-dialog.ts b/src/i18n/en-US/form-dialog.ts
index 1cb5f5fa..302ce73a 100644
--- a/src/i18n/en-US/form-dialog.ts
+++ b/src/i18n/en-US/form-dialog.ts
@@ -82,6 +82,7 @@ export default {
   formDialogInputGender: 'Gender',
   formDialogInputBirthDate: 'Birth Date',
   formDialogInputAge: 'Age',
+  formDialogInputNationality: 'Nationality',
 
   formDialogTitlePersonnelAddress: 'Personnel Address',
   formDialogTitleAddressPure: 'Address',
@@ -105,4 +106,21 @@ export default {
 
   formDialogEmployerID: 'Employer ID',
   formDialogEmployerRanchCode: 'Employer branch code',
+
+  formDialogEmployeeID: 'Employee ID',
+  formDialogEmployeeNRCNo: 'Non-Thai Identification Number (N.R.C. No.)',
+
+  formDialogTitleHealthCheck: 'Health Checkup Results',
+  formDialogInputCheckupRes: 'Health Checkup Results',
+  formDialogInputCheckupType: 'Type of Checkup Results',
+  formDialogInputHospital: 'Hospital',
+  formDialogInputRemark: 'Remark',
+  formDialogInputMedicalBenefit: 'Type of Medical Benefits',
+  formDialogInputInsuranceCompany: 'Insurance Company',
+  formDialogInputCoverageStartDate: 'Insurance Purchase Date',
+  formDialogInputCoverageExpiretDate: 'Expiration Date',
+  personalInfo: 'Personal Information',
+  healthCheck: 'Health Checkup Results and Health Insurance',
+  workHistory: 'Employment History',
+  other: 'Other',
 };
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index e90bc1a3..a200b513 100644
--- a/src/i18n/en-US/index.ts
+++ b/src/i18n/en-US/index.ts
@@ -36,6 +36,10 @@ export default {
   displayField: 'Display Fields',
   deleteConfirmTitle: 'Comfirm Deletion',
   deleteConfirmMessage: 'Do you want to delete this item?',
+  changePassword: 'Change Password',
+  signature: 'Signature',
+  addSignature: 'Add Signature',
+  clear: 'Clear',
   ...status,
   ...main,
   ...address,
diff --git a/src/i18n/th-th/customer-main-page.ts b/src/i18n/th-th/customer-main-page.ts
index 83da243d..5e903082 100644
--- a/src/i18n/th-th/customer-main-page.ts
+++ b/src/i18n/th-th/customer-main-page.ts
@@ -1,11 +1,15 @@
 export default {
   customerManagement: 'จัดการลูกค้า',
-  customerTooltipTitle: 'ยังไม่มีข้อมูลนายจ้าง',
-  customerTooltipCaption: 'คลิก + เพื่อเพิ่มนายจ้าง',
-  customerAdd: 'เพิ่มนายจ้าง',
+  customerEmployerTooltipTitle: 'ยังไม่มีข้อมูลนายจ้าง',
+  customerEmployeeTooltipTitle: 'ยังไม่มีข้อมูลลูกจ้าง',
+  customerEmployerTooltipCaption: 'คลิก + เพื่อเพิ่มนายจ้าง',
+  customerEmployeeTooltipCaption: 'คลิก + เพื่อเพิ่มลูกจ้าง',
+  customerEmployerAdd: 'เพิ่มนายจ้าง',
+  customerEmployeeAdd: 'เพิ่มลูกจ้าง',
   EMPLOYER: 'นายจ้าง',
-  WORKER: 'ลูกจ้าง',
-  customerStatTitle: 'สรุปจำนวนข้อมูลนายจ้าง',
+  EMPLOYEE: 'ลูกจ้าง',
+  customerEmployerStatTitle: 'สรุปจำนวนข้อมูลนายจ้าง',
+  customerEmployeeStatTitle: 'สรุปจำนวนข้อมูลลูกจ้าง',
 
   customerCardUserType: 'ประเภทนายจ้าง',
 
diff --git a/src/i18n/th-th/form-dialog.ts b/src/i18n/th-th/form-dialog.ts
index 6288dc8c..fb82bed8 100644
--- a/src/i18n/th-th/form-dialog.ts
+++ b/src/i18n/th-th/form-dialog.ts
@@ -81,6 +81,7 @@ export default {
   formDialogInputGender: 'เพศ',
   formDialogInputBirthDate: 'วันเดือนปีเกิด',
   formDialogInputAge: 'อายุ',
+  formDialogInputNationality: 'สัญชาติ',
 
   formDialogTitlePersonnelAddress: 'ข้อมูลที่อยู่พนักงาน',
   formDialogTitleAddressPure: 'ที่อยู่',
@@ -104,4 +105,21 @@ export default {
 
   formDialogEmployerID: 'รหัสนายจ้าง',
   formDialogEmployerRanchCode: 'รหัสสาขานายจ้าง',
+
+  formDialogEmployeeID: 'รหัสลูกจ้าง',
+  formDialogEmployeeNRCNo: 'เลขบัตรประจำตัวคนซึ่งไม่มีสัญชาติไทย (N.R.C. No.)',
+
+  formDialogTitleHealthCheck: 'ข้อมูลผลตรวจสุขภาพ',
+  formDialogInputCheckupRes: 'ผลการตรวจสุขภาพ',
+  formDialogInputCheckupType: 'ประเภทผลการตรวจ',
+  formDialogInputHospital: 'โรงพยาบาล',
+  formDialogInputRemark: 'หมายเหตุ',
+  formDialogInputMedicalBenefit: 'ประเภทสิทธิการรักษา',
+  formDialogInputInsuranceCompany: 'บริษัทประกัน',
+  formDialogInputCoverageStartDate: 'วันที่ซื้อประกัน',
+  formDialogInputCoverageExpiretDate: 'วันที่หมดอายุ',
+  personalInfo: 'ข้อมูลส่วนตัว',
+  healthCheck: 'ผลการตรวจสุขภาพและประกันสุขภาพ',
+  workHistory: 'ประวัติการทำงาน',
+  other: 'อื่นๆ',
 };
diff --git a/src/i18n/th-th/index.ts b/src/i18n/th-th/index.ts
index 5ec4f6d9..8642085a 100644
--- a/src/i18n/th-th/index.ts
+++ b/src/i18n/th-th/index.ts
@@ -36,6 +36,10 @@ export default {
   displayField: 'ข้อมูลที่แสดง',
   deleteConfirmTitle: 'ยืนยันการลบข้อมูล',
   deleteConfirmMessage: 'คุณต้องการลบข้อมูลใช่หรือไม่',
+  changePassword: 'เปลี่ยนรหัสผ่าน',
+  signature: 'ลายเซ็น',
+  addSignature: 'เพิ่มลายเซ็น',
+  clear: 'ล้าง',
   ...status,
   ...main,
   ...address,