diff --git a/src/modules/13_salary/components/DialogInfoMain.vue b/src/modules/13_salary/components/DialogInfoMain.vue
index 8387c42ab..5e1b35128 100644
--- a/src/modules/13_salary/components/DialogInfoMain.vue
+++ b/src/modules/13_salary/components/DialogInfoMain.vue
@@ -184,34 +184,36 @@ watch(
                 </div>
               </q-card-section>
 
-              <InfoSalary
-                v-if="type === 'posSalary'"
-                v-model:profileId="profileId"
-                :employeeClass="employeeClass"
-              />
-              <InfoDiscipline
-                v-if="type === 'discipline'"
-                v-model:profileId="profileId"
-                :employeeClass="employeeClass"
-              />
+              <q-scroll-area style="height: 55vh; max-width: 100%">
+                <InfoSalary
+                  v-if="type === 'posSalary'"
+                  v-model:profileId="profileId"
+                  :employeeClass="employeeClass"
+                />
+                <InfoDiscipline
+                  v-if="type === 'discipline'"
+                  v-model:profileId="profileId"
+                  :employeeClass="employeeClass"
+                />
 
-              <InfoLeave
-                v-if="type === 'leave'"
-                v-model:profileId="profileId"
-                :employeeClass="employeeClass"
-              />
+                <InfoLeave
+                  v-if="type === 'leave'"
+                  v-model:profileId="profileId"
+                  :employeeClass="employeeClass"
+                />
 
-              <InfoAssessments
-                v-if="type === 'assessments'"
-                v-model:profileId="profileId"
-                :employeeClass="employeeClass"
-              />
+                <InfoAssessments
+                  v-if="type === 'assessments'"
+                  v-model:profileId="profileId"
+                  :employeeClass="employeeClass"
+                />
 
-              <InfoInsignia
-                v-if="type === 'insignia'"
-                v-model:profileId="profileId"
-                :employeeClass="employeeClass"
-              />
+                <InfoInsignia
+                  v-if="type === 'insignia'"
+                  v-model:profileId="profileId"
+                  :employeeClass="employeeClass"
+                />
+              </q-scroll-area>
             </q-card>
           </div>
         </div>
diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index d37523836..e27d51208 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -121,11 +121,12 @@ async function getRound() {
         roundFilter.value = "ไม่มีข้อมูล";
         snapFilter.value = "ไม่มีข้อมูล";
         agencyFilter.value = "ไม่มีข้อมูล";
-        hideLoader();
       }
     })
     .catch((e) => {
       messageError($q, e);
+    })
+    .finally(() => {
       hideLoader();
     });
 }
@@ -276,6 +277,9 @@ async function fetchSalalyPeriod(
       })
       .catch((err) => {
         messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
       });
   }
 }
diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue
index d74831324..e494b93b3 100644
--- a/src/modules/13_salary/views/05_salaryListsEmployee.vue
+++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue
@@ -120,11 +120,12 @@ async function getRound() {
         roundFilter.value = "ไม่มีข้อมูล";
         snapFilter.value = "ไม่มีข้อมูล";
         agencyFilter.value = "ไม่มีข้อมูล";
-        hideLoader();
       }
     })
     .catch((e) => {
       messageError($q, e);
+    })
+    .finally(() => {
       hideLoader();
     });
 }
@@ -247,7 +248,7 @@ async function fetchSalalyPeriod(
     const body = {
       rootId: rootId,
       salaryPeriodId: periodId,
-      snapshot: snap,
+      snapshot: snap, 
     };
 
     await http
@@ -260,6 +261,9 @@ async function fetchSalalyPeriod(
       })
       .catch((err) => {
         messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
       });
   }
 }