diff --git a/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue b/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
index 0f3a90e..352972a 100644
--- a/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
+++ b/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
@@ -733,16 +733,17 @@ const title = computed(() => {
                     </div>
                   </q-card>
                 </div>
-                <div class="col-xs-12 col-6 row">
-                  <div class="row col-12 card-box">
+                <div class="col-12">
+                  <q-card bordered>
                     <div
                       class="col-12 bg-grey-2 row items-center text-weight-medium"
                     >
                       <div class="col-6 text-center">ระดับคะแนน</div>
                       <div class="col-6 text-center">ผลสำเร็จของงาน</div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">5</div>
                       <div class="col-6">
@@ -757,8 +758,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center  q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">4</div>
                       <div class="col-6 text-center text-primary">
@@ -773,8 +775,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">3</div>
                       <div class="col-6 text-center text-primary">
@@ -789,8 +792,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">2</div>
                       <div class="col-6 text-center text-primary">
@@ -805,8 +809,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">1</div>
                       <div class="col-6 text-center text-primary">
@@ -821,7 +826,7 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
-                  </div>
+                  </q-card>
                 </div>
                 <div class="col-12">
                   <q-input