diff --git a/src/js/macros.js b/src/js/macros.js
index 0083408..1409a17 100644
--- a/src/js/macros.js
+++ b/src/js/macros.js
@@ -40,7 +40,7 @@ module.exports = {
       return this.mach_state == "READY";
     },
     updateNewGcode: function (event) {
-      return this.newGcode[this.tab - 1] = event.target.value;
+      this.newGcode[this.tab - 1] = event.target.value;
     },
     macrosList: function () {
       return this.config.macrosList.map((el) => el.gcode_file_name);
@@ -60,7 +60,8 @@ module.exports = {
         if (text.length > 20e6) {
           this.newGcode[this.tab - 1]="File is large - gcode view disabled";
         } else {
-          this.newGcode[this.tab - 1]=text;
+          // this.newGcode[this.tab - 1]=text;
+          Vue.set(this.newGcode,this.tab,text);
         }
       } else {
         this.newGcode[this.tab - 1]="";
diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug
index 5fd9298..873c880 100644
--- a/src/pug/templates/macros.pug
+++ b/src/pug/templates/macros.pug
@@ -76,8 +76,7 @@ script#macros-template(type="text/x-template")
                         br
                         .gcodeContainer
                                 textarea.new-gcode( :value='newGcode[tab-1]' @input="updateNewGcode")
-                                //- gcode-viewer(v-if="state.selected !== 'default'")
-                        p.gcode-para {{newGcode[tab-1]}} 
+                                //- gcode-viewer(v-if="state.selected !== 'default'") 
                         button.submit-macros(title="Save Macros",@click="confirmSave=true",
                                 style="height:50px;width:140px;font-weight:normal;background-color:#add1ad;color:#fff;border:0;margin-top:30px") Save 
                         button.submit-macros(title="Cancel Macros",@click="cancelMacros",