diff --git a/src/js/control-view.js b/src/js/control-view.js
index 4a5de60..74b5b82 100644
--- a/src/js/control-view.js
+++ b/src/js/control-view.js
@@ -637,7 +637,7 @@ module.exports = {
         item => !this.selected_items_to_delete.includes(item.file_name),
       );
 
-      let files_to_delete = [...this.selected_items_to_delete].filter(item => !this.state.macros_list.includes(item));
+      let files_to_delete = this.selected_items_to_delete.filter(item => !this.state.macros_list.includes(item));
 
       await api.delete(`file/DINCAIQABiDARixAxiABDIHCAMQABiABDIHCAQQABiABDIH${files_to_delete.toString()}`);
       console.log(this.config.non_macros_list, this.config.gcode_list);
diff --git a/src/pug/templates/control-view.pug b/src/pug/templates/control-view.pug
index 74b3600..bd3f47d 100644
--- a/src/pug/templates/control-view.pug
+++ b/src/pug/templates/control-view.pug
@@ -324,8 +324,9 @@ script#control-view-template(type="text/x-template")
             h3(slot="header") Delete G-Code?
             div(slot="body")
               p Select files to delete:
-                input(v-for="item in gcode_files" :key="item", type="checkbox" :value="item" v-model="selected_items_to_delete")
-                | {{ item }}
+                label(v-for="item in gcode_files" :key="item")
+                  input(type="checkbox" :value="item" v-model="selected_items_to_delete")
+                  | {{ item }}
             div(slot="footer")
               button.pure-button(@click="cancel_delete") Cancel
               button.pure-button.button-error(@click="delete_all_except_macros")