diff --git a/src/js/macros.js b/src/js/macros.js
index 73e9ed9..029f735 100644
--- a/src/js/macros.js
+++ b/src/js/macros.js
@@ -12,6 +12,7 @@ module.exports = {
       tab: "1",
       confirmReset: false,
       confirmSave: false,
+      deleteSelected:false,
       deleteGCode: false,
       edited: false,
       newGcode: ["", "", "", "", "", "", "", ""],
@@ -214,7 +215,7 @@ module.exports = {
       this.config.macrosList = [];
     },
     cancelMacros: async function () {
-      console.log("this.tab", tab);
+      console.log("this.tab", this.tab);
       const defaultValue = this.config.macros[this.tab];
       document.getElementById(`macros-name-${this.tab}`).value = defaultValue.name;
       document.getElementById(`macros-color-${this.tab}`).value = defaultValue.color;
@@ -309,5 +310,16 @@ module.exports = {
         alert("Restore failed");
       }
     },
+    deleteSelectedMacros: async function(){
+      console.log("this.tab: ",this.tab);
+      //this.config.macros.splice(this.tab, 1);
+      // try {
+      //   await api.put("config/save", this.config);
+      //   this.$dispatch("update");
+      // } catch (error) {
+      //   console.error("Restore Failed: ", error);
+      //   alert("Restore failed");
+      // }
+    }
   },
 };
diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug
index a3eeb7e..1c8df1f 100644
--- a/src/pug/templates/macros.pug
+++ b/src/pug/templates/macros.pug
@@ -28,10 +28,20 @@ script#macros-template(type="text/x-template")
             .fa.fa-trash
             |  Selected
 
+    message(:show.sync="deleteSelected")
+        h3(slot="header") Delete Selected Macros?
+        p(slot="body")
+        div(slot="footer")
+          button.pure-button(@click="deleteSelected = false") Cancel
+          button.pure-button.button-success(@click="deleteSelectedMacros")
+            .fa.fa-trash
+            |  Yes
+
     h1 Macros Configuration
     .flex-row-container
         button.config-button(title="Reset Macros", @click="confirmReset=true") Delete All
         button.config-button(title="Add a Macros", @click="addNewMacros", style="margin-left:5px") New Macros
+        button.config-button(title="Add a Macros", @click="deleteSelected=true", style="margin-left:5px") Delete Selected
 
     .tabs
         template(v-for="(index,macros) in config.macros",:key="index+1")