diff --git a/pages/admin/complaint/_item.vue b/pages/admin/complaint/_item.vue
index b05b21d..155414c 100644
--- a/pages/admin/complaint/_item.vue
+++ b/pages/admin/complaint/_item.vue
@@ -1,10 +1,9 @@
 <template>
   <div>
     <div class="m-3">
-      
       <div class="row ui-box p-3">
         <h4>شکایت</h4>
-        <hr/>
+        <hr />
         <div class="col-lg-4">
           <div class="d-flex mt-3" style="align-items: center">
             <h5 style="margin-bottom: 1rem">نام و نام خانوادگی :</h5>
@@ -31,7 +30,7 @@
             <p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.receptionCode }}</p>
           </div>
 
-          <div class="d-flex mt-3" style="align-items: center">
+          <div v-if="complaint?.deviceNumber" class="d-flex mt-3" style="align-items: center">
             <h5 style="margin-bottom: 1rem">شماره سریال دستگاه :</h5>
             <p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.deviceNumber }}</p>
           </div>
@@ -41,7 +40,7 @@
             <p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.callType ? 'ایمیل' : ' تماس تلفنی' }}</p>
           </div>
         </div>
-        <div class="col-lg-1" style="border-left:1px solid #8f8f8f;height:500px"></div>
+        <div class="col-lg-1" style="border-left: 1px solid #8f8f8f; height: 500px"></div>
         <div class="col-lg-7">
           <h5>توضیحات :</h5>
           <div style="display: flex; align-items: center; justify-content: center">
@@ -50,12 +49,15 @@
             </div>
           </div>
         </div>
-        <div v-if="hasPermission('apply')" class="d-flex mt-3" style="align-items: center">
-          <h5>پیگیری شده :</h5>
-          <el-checkbox v-model="complete" class="p-2"></el-checkbox> 
+        <div v-if="hasPermission('apply')" >
+          <div class="d-flex mt-3" style="align-items: center">
+            <h5>پیگیری شده :</h5>
+            <el-checkbox v-model="complete" class="p-2"></el-checkbox>
+          </div>
+          <div class="d-flex mt-3" style="align-items: center; justify-self: center;">
+          <el-button class="p-2 w-20 m-auto" type="primary" @click="applyComplaint">تایید</el-button>
+        </div>
         </div>
-        <el-button v-if="hasPermission('apply')"  class="p-2" type="primary" @click="applyComplaint">تایید</el-button>
-
       </div>
     </div>
   </div>
@@ -71,8 +73,7 @@ export default {
   data() {
     return {
       complaint: null,
-      complete:false
-
+      complete: false
     }
   },
 
@@ -88,13 +89,12 @@ export default {
       if (this.$auth.loggedIn) return this.$auth.user.permissions.includes(permission)
       else return false
     },
-    applyComplaint(){
-      this.$axios.put(`/api/admin/complaint/${this.$route.params.item}`,{ complete: this.complete }).then(res => {
-      this.complaint = res.data
-      this.complete = res.data.complete
-      this.$router.push('/admin/complaint')
-
-    })
+    applyComplaint() {
+      this.$axios.put(`/api/admin/complaint/${this.$route.params.item}`, { complete: this.complete }).then(res => {
+        this.complaint = res.data
+        this.complete = res.data.complete
+        this.$router.push('/admin/complaint')
+      })
     }
   }
 }
@@ -125,4 +125,8 @@ export default {
   background-color: white;
   border-radius: 10px;
 }
+.w-20{
+  width: 20%;
+}
+
 </style>
diff --git a/pages/admin/complaint/index.vue b/pages/admin/complaint/index.vue
index 7bfc328..24cfe27 100644
--- a/pages/admin/complaint/index.vue
+++ b/pages/admin/complaint/index.vue
@@ -54,7 +54,7 @@
 
           <el-table-column  label="پیگیری شکایت" width="">
             <template slot-scope="scope">
-              <span class="singleLineTxt" :title="scope.row.email"> {{ scope.row.complete ? "پیگیری شده" : "پیگیری نشده" }} </span>
+              <span :class="{  'text-success': scope.row.complete , 'text-danger': !scope.row.complete }" class="singleLineTxt" :title="scope.row.email"> {{ scope.row.complete ? "پیگیری شده" : "پیگیری نشده" }} </span>
             </template>
           </el-table-column>