diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 98f28d41..b1f4b9a0 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -22,7 +22,7 @@
     <!-- Input-Amount-end -->
 
     <div align="right">
-    <el-button icon="el-icon-refresh" type="primary" size="mini" @click="refreshRate()">Refresh Rate</el-button></div>
+    <el-button type="primary" :loading="loading_btn" size="mini" @click="refreshRate()">Refresh Rate</el-button></div>
 
     <hr>
     <!-- Rate-Display -->
@@ -319,6 +319,7 @@ export default {
 
   data () {
     return {
+      loading_btn: false,
       confirmForm: new Form({
         term: '',
         amount: ''
@@ -423,7 +424,9 @@ export default {
     },
     refreshRate() {
       let $this = this
+      this.loading_btn = true
       axios.get('api/rate').then(response => {
+        this.loading_btn = false
         this.rate = response.data
         this.$message({
           showClose: true,