diff --git a/src/components/TableHistory.vue b/src/components/TableHistory.vue
index 3eb9f8231..fafdc476a 100644
--- a/src/components/TableHistory.vue
+++ b/src/components/TableHistory.vue
@@ -194,7 +194,7 @@ const resetFilter = () => {
   filterRef.value.focus();
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }
diff --git a/src/modules/03_recruiting/components/Table1.vue b/src/modules/03_recruiting/components/Table1.vue
index 1f65715c8..4a2c8a134 100644
--- a/src/modules/03_recruiting/components/Table1.vue
+++ b/src/modules/03_recruiting/components/Table1.vue
@@ -167,7 +167,7 @@ const resetFilter = () => {
   </q-table>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }
diff --git a/src/modules/03_recruiting/components/TableCan.vue b/src/modules/03_recruiting/components/TableCan.vue
index 43b254730..ff0f2d984 100644
--- a/src/modules/03_recruiting/components/TableCan.vue
+++ b/src/modules/03_recruiting/components/TableCan.vue
@@ -171,7 +171,7 @@ function resetFilter() {
   </q-table>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }
diff --git a/src/modules/03_recruiting/components/TableCandidate.vue b/src/modules/03_recruiting/components/TableCandidate.vue
index 536f5b863..88697967d 100644
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@@ -644,7 +644,7 @@ watch(
   </div>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }
diff --git a/src/modules/03_recruiting/views/02_qualify/DisableDetail.vue b/src/modules/03_recruiting/views/02_qualify/DisableDetail.vue
index 96a959646..559cc0d00 100644
--- a/src/modules/03_recruiting/views/02_qualify/DisableDetail.vue
+++ b/src/modules/03_recruiting/views/02_qualify/DisableDetail.vue
@@ -395,7 +395,7 @@ onMounted(async () => {
       flat
       color="primary"
       class="q-mr-sm"
-      @click="router.push(`/compete/period`)"
+      @click="router.push(`/disable/period`)"
     />
     รายชื่อผู้สมัครสอบรอบ {{ name }} ครั้งที่ {{ round }}/{{ year }}
     <q-space />
diff --git a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
index 7a08eca5a..fc7386e4f 100644
--- a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
+++ b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
@@ -1154,6 +1154,7 @@ onMounted(async () => {
                   dense
                   class="full-width datepicker q-mb-md"
                   :model-value="dateThaiRange(datePayment)"
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่ชำระเงิน'}`]"
                   :label="`${'วันที่ชำระเงิน'}`"
                   clearable
                   @clear="clearDatePayment"
diff --git a/src/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue b/src/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue
index 49bf4e463..6076d862e 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue
@@ -155,7 +155,7 @@ const resetFilter = () => {
     </template>
   </q-table>
 </template>
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }
diff --git a/src/modules/05_placement/components/PersonalList/TableView.vue b/src/modules/05_placement/components/PersonalList/TableView.vue
index cbd4bfc12..4bc448fd1 100644
--- a/src/modules/05_placement/components/PersonalList/TableView.vue
+++ b/src/modules/05_placement/components/PersonalList/TableView.vue
@@ -389,7 +389,7 @@ function filterSelector(val: string, update: Function) {
   </div>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }