diff --git a/src/components/CustomerComments.vue b/src/components/CustomerComments.vue
index 0c4d2c6..18d32bd 100644
--- a/src/components/CustomerComments.vue
+++ b/src/components/CustomerComments.vue
@@ -37,7 +37,7 @@ export default {
     },
     watch: {
         customer() {
-            this.getCustomerComments(this.customer.acc_no)
+            this.getCustomerComments()
         }
     },
     methods: {
@@ -55,7 +55,7 @@ export default {
             let url = this.$api_url + "/customers/comments"
             axios.get(url,{
                 params: {
-                    acc_no: this.customer.acc_no
+                    c_id: this.customer.id
                 }
             })
                 .then(resp => {
diff --git a/src/components/RecentOrders.vue b/src/components/RecentOrders.vue
index 363afc6..e0f3e32 100644
--- a/src/components/RecentOrders.vue
+++ b/src/components/RecentOrders.vue
@@ -3,8 +3,8 @@
     <v-progress-linear color="blue" :active="orders_loading" indeterminate>
     </v-progress-linear>
     <v-container>
-        <v-row>
-            <v-col cols=12 v-for="item in sortedOrders" :key="item.id">
+        <v-row >
+            <v-col cols=12 v-for="item in sortedOrders" :key="item.doc_no">
                 <v-card>
                     <v-row>
                         <v-col cols=4>
@@ -28,9 +28,9 @@
                         <v-col cols=8>
                             <v-card-text>
                                 <h5>Items :</h5>
-                                    <v-caption v-for="(i, index) in item.products" :key="index" style="border-bottom: 1px dotted #000;">
-                                        {{ i.code }} - {{ i.name }} x {{ i.quantity }}<br/>
-                                    </v-caption>
+                                <v-caption v-for="(i, index) in item.products" :key="index" style="border-bottom: 1px dotted #000;">
+                                    {{ i.code }} - {{ i.name }} x {{ i.quantity }}<br/>
+                                </v-caption>
                             </v-card-text>
                         </v-col>
                     </v-row>
@@ -50,7 +50,7 @@ export default {
     },
     watch: {
         customer() {
-            this.getCustomerRecentOrders(this.customer.acc_no)
+            this.getCustomerRecentOrders()
         },
     },
     mixins: [methods],
@@ -77,9 +77,9 @@ export default {
         }
     },
     methods: {
-        getCustomerRecentOrders(acc_no){
+        getCustomerRecentOrders(){
             this.orders_loading = true
-            let url = this.$api_url + "/customers/" + acc_no + "/orders/recent"
+            let url = this.$api_url + "/customers/" + this.customer.id + "/orders/recent"
             axios.get(url, {
                 params: {
                     doc_status: this.doc_status
diff --git a/src/views/customers/CustomerList.vue b/src/views/customers/CustomerList.vue
index 0aad15e..a9c5a72 100644
--- a/src/views/customers/CustomerList.vue
+++ b/src/views/customers/CustomerList.vue
@@ -120,7 +120,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style>
 .scroller {
     height: 600px;
 }