diff --git a/src/js/macros.js b/src/js/macros.js
index b782bc5..98bc6fe 100644
--- a/src/js/macros.js
+++ b/src/js/macros.js
@@ -244,7 +244,7 @@ module.exports = {
     clearMacros: async function () {
       if (this.tab == 0) {
         document.getElementById("macros-name").value = "";
-        document.getElementById("macros-color").value = "";
+        document.getElementById("macros-color").value = "#fff";
         this.fileName = "default";
         this.newGcode = "";
       } else {
diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug
index e502f68..09fa5e7 100644
--- a/src/pug/templates/macros.pug
+++ b/src/pug/templates/macros.pug
@@ -52,8 +52,8 @@ script#macros-template(type="text/x-template")
           button.pure-button.button-submit(@click="sameName = false") OK
 
     message(:show.sync="addMacros")
-        div(slot="body")
-            p Do you need to add another macros?
+        h3(slot="header") Do you need to add another macros?
+        p(slot="body")
         div(slot="footer")
           button.pure-button(@click="addMacros = false") Cancel
           button.pure-button.button-submit(@click="addNewMacros") Add