diff --git a/src/modules/09_leave/views/LeaveListMain.vue b/src/modules/09_leave/views/LeaveListMain.vue
index d68d15826..859a37831 100644
--- a/src/modules/09_leave/views/LeaveListMain.vue
+++ b/src/modules/09_leave/views/LeaveListMain.vue
@@ -26,11 +26,13 @@ const leaveStore = useLeavelistDataStore();
         <q-tab name="2" label="รายการยกเลิกใบลา" />
       </q-tabs>
       <q-separator />
-      <q-tab-panels v-model="leaveStore.tabMenu" animated>
-        <q-tab-panel name="1"> <Tab1 /> </q-tab-panel>
+      <div class="q-pa-sm">
+        <q-tab-panels v-model="leaveStore.tabMenu" animated>
+          <q-tab-panel name="1"> <Tab1 /> </q-tab-panel>
 
-        <q-tab-panel name="2"> <Tab2 /> </q-tab-panel>
-      </q-tab-panels>
+          <q-tab-panel name="2"> <Tab2 /> </q-tab-panel>
+        </q-tab-panels>
+      </div>
     </q-card>
   </div>
 </template>
diff --git a/src/modules/09_leave/views/WorkingMain.vue b/src/modules/09_leave/views/WorkingMain.vue
index 9396db4f1..143b1efbb 100644
--- a/src/modules/09_leave/views/WorkingMain.vue
+++ b/src/modules/09_leave/views/WorkingMain.vue
@@ -46,8 +46,8 @@ function onClickOpenDialog() {
       </q-tabs>
 
       <q-separator />
-
-      <q-tab-panels v-model="tab" animated>
+      <div class="q-pa-sm">
+        <q-tab-panels v-model="tab" animated>
         <q-tab-panel name="1">
           <Tab1 />
         </q-tab-panel>
@@ -56,6 +56,8 @@ function onClickOpenDialog() {
           <Tab2 />
         </q-tab-panel>
       </q-tab-panels>
+      </div>
+
     </q-card>
   </div>