diff --git a/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue b/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue
index 2229528..f6543ca 100644
--- a/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue
+++ b/src/client/src/orangehrmPimPlugin/pages/employee/EmployeePersonalDetails.vue
@@ -27,15 +27,28 @@
       <oxd-divider />
       <oxd-form :loading="isLoading" @submit-valid="onSave">
         <oxd-form-row>
-          <oxd-grid :cols="1" class="orangehrm-full-width-grid">
+          <oxd-grid :cols="3" class="orangehrm-full-width-grid">
             <oxd-grid-item>
               <full-name-input
                 v-model:firstName="employee.firstName"
+                :rules="rules"
+              />
+            </oxd-grid-item>
+
+            <oxd-grid-item>
+              <full-name-input
                 v-model:middleName="employee.middleName"
+                :rules="rules"
+              />
+            </oxd-grid-item>
+
+            <oxd-grid-item>
+              <full-name-input
                 v-model:lastName="employee.lastName"
                 :rules="rules"
               />
             </oxd-grid-item>
+
           </oxd-grid>
           <oxd-grid
             v-if="showDeprecatedFields"
@@ -283,9 +296,9 @@ export default {
         drivingLicenseExpiredDate: [validDateFormat(this.userDateFormat)],
       },
       maritalStatuses: [
-        {id: 'Single', label: 'Single'},
-        {id: 'Married', label: 'Married'},
-        {id: 'Other', label: 'Other'},
+        {id: 'Single', label: '未婚'},
+        {id: 'Married', label: '已婚'},
+        {id: 'Other', label: '其他'},
       ],
     };
   },