diff --git a/src/modules/13_salary/components/SalaryLists/TabMain.vue b/src/modules/13_salary/components/SalaryLists/TabMain.vue
index 83cf99173..ca0dcf44f 100644
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@@ -324,12 +324,12 @@ onMounted(async () => {
     >
       <q-tab :name="item.name" :label="item.lable">
         <q-tooltip>
-          <q-list dense v-if="item.name === 'group1'">
+          <q-list dense v-if="item.name === 'group1'" class="tootip-txt-normal">
             <q-item>
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">ทั่วไป: </span>
-                  <span> ปฏิบัติงาน,ชำนาญงาน,อาวุโส</span></q-item-label
+                  <span> ปฏิบัติงาน, ชำนาญงาน, อาวุโส</span></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -337,7 +337,9 @@ onMounted(async () => {
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">วิชาการ: </span>
-                  <span> ปฏิบัติการ,ชำนาญการ,ชำนาญการพิเศษ</span></q-item-label
+                  <span>
+                    ปฏิบัติการ, ชำนาญการ, ชำนาญการพิเศษ</span
+                  ></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -351,7 +353,7 @@ onMounted(async () => {
               </q-item-section>
             </q-item>
           </q-list>
-          <q-list dense v-if="item.name === 'group2'">
+          <q-list dense v-if="item.name === 'group2'" class="tootip-txt-normal">
             <q-item>
               <q-item-section>
                 <q-item-label lines="1">
@@ -364,7 +366,7 @@ onMounted(async () => {
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">วิชาการ: </span>
-                  <span> เชี่ยวชาญ,ทรงคุณวุฒิ</span></q-item-label
+                  <span> เชี่ยวชาญ, ทรงคุณวุฒิ</span></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -381,7 +383,7 @@ onMounted(async () => {
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">บริหาร: </span>
-                  <span> ต้น,สูง</span></q-item-label
+                  <span> ต้น, สูง</span></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -555,4 +557,7 @@ onMounted(async () => {
 .q-tabs--vertical .q-tab {
   padding: 0 20px;
 }
+.tootip-txt-normal {
+  font-size: 0.8rem;
+}
 </style>