diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
index abc75000a..1c9328919 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
@@ -315,7 +315,7 @@ async function fetchDataSigner() {
         nameOfWork.value = data.subjectDoc2;
         nameOfOwner.value = data.authorDoc2;
         position.value = data.assignedPosition;
-        evaluationResult.value = data.evaluationResult
+        evaluationResult.value = data.evaluationResult;
       }
     })
     .catch((e) => {
@@ -986,7 +986,17 @@ onMounted(async () => {
         />
       </div>
     </div>
-    <div v-if="evaluationResult !== 'PENDING'" align="right" :class="evaluationResult == 'PASS' ? `full-width text-green`:`full-width text-orange` ">ผลการพิจารณา : {{ evaluationResult == 'PASS' ? 'ผ่าน':'ไม่ผ่าน' }}</div>
+    <div v-if="evaluationResult !== 'PENDING'" align="right" class="full-width">
+      ผลการประเมิน:
+      <span
+        :class="
+          evaluationResult == 'PASS'
+            ? `full-width text-green`
+            : `full-width text-red`
+        "
+        >{{ evaluationResult == "PASS" ? "ผ่าน" : "ไม่ผ่าน" }}</span
+      >
+    </div>
   </div>
 
   <q-dialog v-model="modalConfirm" persistent>