diff --git a/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue b/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
index db83ca2ed..650364486 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
@@ -107,7 +107,7 @@ const store = useEvaluateDetailStore();
   </q-stepper>
 </template>
 
-<style>
+<style >
 .stepEva {
   padding: 0px !important;
 }
diff --git a/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue b/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
index 149c6ab01..1fe633968 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
@@ -207,7 +207,7 @@ onMounted(async () => {
   <PopupHistory :modal="modalHistory" :close="onClickPopupHistory" :id="id" />
 </template>
 
-<style>
+<style scoped>
 .q-stepper--vertical .q-stepper__step-inner {
   padding: 0;
 }
diff --git a/src/modules/12_evaluatePersonal/components/Detail/Tab2.vue b/src/modules/12_evaluatePersonal/components/Detail/Tab2.vue
index c6814fd06..1a27312fe 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/Tab2.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/Tab2.vue
@@ -57,7 +57,7 @@ onMounted(async () => {
   </div>
 </template>
 
-<style>
+<style >
 .q-stepper--vertical .q-stepper__step-inner {
   padding: 0;
 }
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
index cf44129a2..ae8e37064 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
@@ -138,7 +138,7 @@ const formData = reactive<FormFeature>({
   </div>
 </template>
 
-<style >
+<style scoped>
 .listItem{
   padding: 5px 0px !important;
 }
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
index 87ec3e60e..4db87ae74 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
@@ -394,7 +394,7 @@ onMounted(() => {
     </div>
   </q-card>
 </template>
-<style >
+<style scoped>
 .cardSp1{
   border: 1px solid #d6dee1;
   margin-bottom: 10px ;
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
index 691991ea3..5ffdadc50 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
@@ -75,7 +75,7 @@ const modalPerview = ref<boolean>(false);
   </q-dialog>
 </template>
 
-<style>
+<style >
 .q-tab-panel {
   padding: 0px;
 }
diff --git a/src/modules/12_evaluatePersonal/components/Director/EditPage.vue b/src/modules/12_evaluatePersonal/components/Director/EditPage.vue
index eb16c9bf9..883bd26d3 100644
--- a/src/modules/12_evaluatePersonal/components/Director/EditPage.vue
+++ b/src/modules/12_evaluatePersonal/components/Director/EditPage.vue
@@ -33,6 +33,7 @@ const data = reactive<FormData>({
   position: "",
   phone: "",
   email: "",
+  qualification: "",
 });
 
 /**
diff --git a/src/modules/12_evaluatePersonal/components/Table.vue b/src/modules/12_evaluatePersonal/components/Table.vue
index 862cb5f87..84096de32 100644
--- a/src/modules/12_evaluatePersonal/components/Table.vue
+++ b/src/modules/12_evaluatePersonal/components/Table.vue
@@ -180,7 +180,7 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
   </d-table>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .icon-color {
   color: #4154b3;
 }