diff --git a/src/js/control-view.js b/src/js/control-view.js
index 7a5f6c2..7a37b6a 100644
--- a/src/js/control-view.js
+++ b/src/js/control-view.js
@@ -492,6 +492,7 @@ module.exports = {
     },
 
     start_pause: function () {
+      this.macrosLoading = false;
       if (this.state.xx == "RUNNING") {
         this.pause();
       } else if (this.state.xx == "STOPPING" || this.state.xx == "HOLDING") {
diff --git a/src/pug/templates/control-view.pug b/src/pug/templates/control-view.pug
index 0aa0148..aad3d2e 100644
--- a/src/pug/templates/control-view.pug
+++ b/src/pug/templates/control-view.pug
@@ -226,7 +226,7 @@ script#control-view-template(type="text/x-template")
 
     .macros-div(class="present")
        button.macros-button(title="Click to run Macros",v-for="(index,macros) in config.macros",
-          @click="runMacros(index)",:disabled="!is_ready",v-bind:style="{ backgroundColor: macros.color }") {{macros.name}}
+          @click="runMacros(index)",:disabled="!is_ready",v-bind:style="{ backgroundColor: macros.color;opacity: is_ready ? '1' : '0.7' }") {{macros.name}}
 
     .tabs