diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index c045ed52..f26fedb5 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -235,7 +235,7 @@
     <br>
     <hr>
     <div align="right">
-    <el-button icon="el-icon-refresh" type="primary" size="mini" @click="RefreshBooking()">Refresh</el-button></div>
+<el-button :loading="loading_btn" type="primary" size="mini" @click="RefreshBooking()">Refresh</el-button></div>
 <!-- Booking Table -->
     <el-row :gutter="20">
       <div>
@@ -317,7 +317,7 @@ export default {
         x2_cash: null,
         x2_cheque: null,
       },
-      loading: false,
+      loading_btn: false,
       status: '',
       booking: {
         amount: '',
@@ -410,10 +410,16 @@ export default {
     },
     RefreshBooking() {
       let $this = this
+      this.loading_btn = true
       axios.get(this.url).then(response => {
-        this.bookingTable = response.data.data
+        this.loading_btn = false;
+        this.bookingTable = response.data
+        console.log(this.bookingTable)
+
       })
     },
+
+    
     makePagination(data){
       let pagination =  {
         current_page: data.current_page,