diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
index 3c7051a75..b5f80c66e 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -164,8 +164,8 @@ watch(modal, async (val) => {
         <q-separator />
         <q-card-section class="row q-col-gutter-sm">
           <div class="col-12">
-            <div class="row q-col-gutter-sm">
-              <div class="col-xs-12 col-sm-6 col-md-3">
+            <div class="row col-12 q-col-gutter-sm">
+              <div class="col-xs-12 col-sm-6 col-md-5">
                 <datepicker
                   v-model="filterDate"
                   :locale="'th'"
@@ -205,7 +205,7 @@ watch(modal, async (val) => {
               </div>
 
               <q-space v-if="!$q.screen.xs && !$q.screen.sm" />
-              <div class="col-xs-12 col-sm-6 col-md-2">
+              <div class="col-xs-12 col-sm-6 col-md-4">
                 <q-input
                   standout
                   dense