diff --git a/src/main/resources/static/js/merge.js b/src/main/resources/static/js/merge.js
index 7b5de12c..b90c7be2 100644
--- a/src/main/resources/static/js/merge.js
+++ b/src/main/resources/static/js/merge.js
@@ -20,6 +20,7 @@ function displayFiles(files) {
                 <div class="arrows d-flex">
                     <button class="btn btn-secondary move-up"><span>&uarr;</span></button>
                     <button class="btn btn-secondary move-down"><span>&darr;</span></button>
+                    <button class="btn btn-danger remove-file"><span>&times;</span></button>
                 </div>
             </div>
         `;
@@ -55,6 +56,16 @@ function attachMoveButtons() {
             }
         });
     }
+
+    var removeButtons = document.querySelectorAll(".remove-file");
+    for (var i = 0; i < removeButtons.length; i++) {
+         removeButtons[i].addEventListener("click", function (event) {
+              event.preventDefault();
+              var parent = this.closest(".list-group-item");
+              parent.remove();
+              updateFiles();
+         });
+    }
 }
 
 document.getElementById("sortByNameBtn").addEventListener("click", function() {