diff --git a/src/modules/13_salary/components/SalaryLists/TabMain.vue b/src/modules/13_salary/components/SalaryLists/TabMain.vue
index fd9228e3e..0f75e475e 100644
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@@ -346,7 +346,7 @@ onMounted(async () => {
     >
       <!-- Card โควต้า -->
       <div class="row col-12 q-pa-md">
-        <div class="row col-12 items-start q-gutter-md items-center">
+        <div :class="`row col-12 ${store.roundMainCode === 'APR' ? `q-col-gutter-md`:`q-gutter-md`} items-start`">
           <div
             v-for="(item, index) in store.roundMainCode === 'APR'
               ? itemsCard.slice(0, 5)
@@ -354,7 +354,7 @@ onMounted(async () => {
               ? itemsCard.slice(5, 12)
               : itemsCard"
             :key="index"
-            :class="store.roundMainCode === 'APR' ? 'my-card' : 'col-3'"
+            :class="store.roundMainCode === 'APR' ? 'col-6 col-sm-4 col-md-3 col-lg-2' : 'col-3'"
           >
             <q-card>
               <q-card-section>
@@ -370,7 +370,7 @@ onMounted(async () => {
               </q-card-section>
             </q-card>
           </div>
-          <div class="row col justify-end items-center">
+          <div class="row col justify-end self-center">
             <q-btn-dropdown color="blue-5" label="ดาวน์โหลด">
               <q-list>
                 <q-item