diff --git a/src/store/modules/Control/ServerLedStore.js b/src/store/modules/Control/ServerLedStore.js
index c690d7c..54faf59 100644
--- a/src/store/modules/Control/ServerLedStore.js
+++ b/src/store/modules/Control/ServerLedStore.js
@@ -14,16 +14,16 @@
     }
   },
   actions: {
-    getIndicatorValue: ({ commit }) => {
-      api
+    async getIndicatorValue({ commit }) {
+      await api
         .get('/redfish/v1/Systems/system')
         .then(response => {
           commit('setIndicatorValue', response.data.IndicatorLED);
         })
         .catch(error => console.log(error));
     },
-    saveIndicatorLedValue: ({ commit }, payload) => {
-      api
+    async saveIndicatorLedValue({ commit }, payload) {
+      await api
         .patch('/redfish/v1/Systems/system', { IndicatorLED: payload })
         .then(() => {
           commit('setIndicatorValue', payload);
diff --git a/src/views/Control/ServerLed/ServerLed.vue b/src/views/Control/ServerLed/ServerLed.vue
index 1b1c24a..0e5bf50 100644
--- a/src/views/Control/ServerLed/ServerLed.vue
+++ b/src/views/Control/ServerLed/ServerLed.vue
@@ -30,9 +30,12 @@
 import PageTitle from '../../../components/Global/PageTitle';
 import PageSection from '../../../components/Global/PageSection';
 
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
+
 export default {
   name: 'ServerLed',
   components: { PageTitle, PageSection },
+  mixins: [LoadingBarMixin],
   computed: {
     indicatorLED: {
       get() {
@@ -46,7 +49,14 @@
     }
   },
   created() {
-    this.$store.dispatch('serverLed/getIndicatorValue');
+    this.startLoader();
+    this.$store
+      .dispatch('serverLed/getIndicatorValue')
+      .finally(() => this.endLoader());
+  },
+  beforeRouteLeave(to, from, next) {
+    this.hideLoader();
+    next();
   }
 };
 </script>