diff --git a/src/modules/03_recruiting/components/Career.vue b/src/modules/03_recruiting/components/Career.vue
index ba1ae035b..76b4d06f4 100644
--- a/src/modules/03_recruiting/components/Career.vue
+++ b/src/modules/03_recruiting/components/Career.vue
@@ -50,11 +50,12 @@
         </q-tr>
       </template>
       <template #bottom="props">
-        <div style="width: 60% !important" />
+        <div style="width: 64% !important" />
+
         <div
           :props="props"
           class="row"
-          style="width: 18.4% !important; padding-left: 20px"
+          style="width: 33% !important; padding-left: 20px"
         >
           <div
             class="text-weight-medium text-subtitle2 q-py-sm row col-12 justify-between"
@@ -91,7 +92,7 @@
                 v-model="position"
                 :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง/ลักษณะงาน'}`]"
                 :label="`${'ตำแหน่ง/ลักษณะงาน'}`"
-                @update:modelValue="clickEditRow"
+                @update:modelValue="clickEditRowPosition"
                 hide-bottom-space
               />
             </div>
@@ -424,7 +425,7 @@ const columns = ref<QTableProps["columns"]>([
   //   },
   {
     name: "startDate",
-    align: "left",
+    align: "center",
     label: "เริ่ม",
     sortable: true,
     field: "startDate",
@@ -435,7 +436,7 @@ const columns = ref<QTableProps["columns"]>([
   },
   {
     name: "endDate",
-    align: "left",
+    align: "center",
     label: "สิ้นสุด",
     sortable: true,
     field: "endDate",
@@ -446,7 +447,7 @@ const columns = ref<QTableProps["columns"]>([
   },
   {
     name: "rangeDate",
-    align: "left",
+    align: "right",
     label: "ระยะเวลา",
     sortable: true,
     field: "rangeDate",
@@ -835,6 +836,10 @@ const clickEditRow = () => {
   editRow.value = true;
 };
 
+const clickEditRowPosition = () => {
+  editRow.value = true;
+};
+
 /**
  * validate input ใน dialog
  */