diff --git a/src/components/ComplaintInfo.vue b/src/components/ComplaintInfo.vue
index f64de7a..068795f 100644
--- a/src/components/ComplaintInfo.vue
+++ b/src/components/ComplaintInfo.vue
@@ -10,7 +10,7 @@
             {{ formatDate(complaint.complaint_date,"DD/MM/YYYY") }}
         </v-card-subtitle>
         <v-card-text>
-            Reason: {{ complaint.reason }}<br/>
+            Reason: {{ complaint.reason.reason }}<br/>
             Driver: {{ complaint.driver.name }}<br/>
             Delivery Date {{ formatDate(complaint.delivery_date,"DD/MM/YYYY") }}<br/>
             Order : {{ complaint.sop.doc_no }}<br/>
diff --git a/src/views/complaints/ComplaintsList.vue b/src/views/complaints/ComplaintsList.vue
index 59db244..db46af5 100644
--- a/src/views/complaints/ComplaintsList.vue
+++ b/src/views/complaints/ComplaintsList.vue
@@ -40,7 +40,7 @@
                         </v-col>
                         <v-col cols="4" class="text-body-2">
                             {{ item.customer.acc_no }} - {{ item.customer.name }}<br/>
-                            Reason : {{ item.reason }}<br/>
+                            Reason : {{ item.reason.reason }}<br/>
                             Driver : {{ item.driver.name }}
                         </v-col>
                         <v-col cols=4>
@@ -105,7 +105,7 @@ export default {
                 q.customer.name.toLowerCase().includes(query) ||
                 q.customer.acc_no.includes(query) ||
                 q.id == query ||
-                q.reason.toLowerCase().includes(query)
+                q.reason.reason.toLowerCase().includes(query)
             )
             if (this.showActive) {
                 clist = clist.filter(q =>