diff --git a/src/modules/05_placement/views/06_appointPromoteMain.vue b/src/modules/05_placement/views/06_appointPromoteMain.vue
index 8cb31760a..83ac2fc36 100644
--- a/src/modules/05_placement/views/06_appointPromoteMain.vue
+++ b/src/modules/05_placement/views/06_appointPromoteMain.vue
@@ -83,9 +83,7 @@ const columns = ref<QTableProps["columns"]>([
     format(val, row) {
       return `${
         row.firstName
-          ? `${row.prefix ?? ""}${row.firstName ?? ""} ${
-              row.lastName ?? ""
-            }`
+          ? `${row.prefix ?? ""}${row.firstName ?? ""} ${row.lastName ?? ""}`
           : "-"
       }`;
     },
@@ -317,22 +315,23 @@ onMounted(async () => {
   <q-card flat bordered class="col-12 q-mt-sm">
     <div class="row q-pa-md">
       <div class="col-12">
-        <div class="row col-12">
-          <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
-            @click="sendToCommand()"
-            size="14px"
-            flat
-            round
-            color="primary"
-            icon="mdi-account-arrow-right"
-          >
-            <q-tooltip>ส่งไปออกคำสั่งแต่งตั้ง-เลื่อน-ย้าย</q-tooltip>
-          </q-btn>
+        <div class="row col-12 q-col-gutter-sm">
+          <div>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              @click="sendToCommand()"
+              size="14px"
+              flat
+              round
+              color="primary"
+              icon="mdi-account-arrow-right"
+            >
+              <q-tooltip>ส่งไปออกคำสั่งแต่งตั้ง-เลื่อน-ย้าย</q-tooltip>
+            </q-btn>
+          </div>
 
           <q-space />
           <q-input
-            class="col-xs-12 col-sm-3 col-md-2"
             standout
             dense
             v-model="filterKeyword"
@@ -358,7 +357,6 @@ onMounted(async () => {
             :options="columns"
             option-value="name"
             style="min-width: 140px"
-            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
           />
         </div>