diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index 913121dcc..9438814bd 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -371,10 +371,15 @@ onMounted(() => {
     <div class="row q-col-gutter-sm items-center q-py-xs">
       <div>
         <q-btn
-          color="primary"
-          label="ออกคำสั่ง"
+          flat
+          round
+          dense
+          color="add"
+          icon="mdi-account-arrow-right"
           @click.pervent="modalCommand = true"
-        />
+        >
+          <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+        </q-btn>
       </div>
 
       <datepicker
diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue
index be1d444d2..526ec4e3c 100644
--- a/src/modules/13_salary/views/05_salaryListsEmployee.vue
+++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue
@@ -373,10 +373,15 @@ onMounted(() => {
     <div class="row q-col-gutter-sm items-center q-py-xs">
       <div>
         <q-btn
-          color="primary"
-          label="ออกคำสั่ง"
+          flat
+          round
+          dense
+          color="add"
+          icon="mdi-account-arrow-right"
           @click.pervent="modalCommand = true"
-        />
+        >
+          <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+        </q-btn>
       </div>
       <datepicker
         menu-class-name="modalfix"