diff --git a/static/edit.js b/static/edit.js
index 9e66453..2dcaf67 100644
--- a/static/edit.js
+++ b/static/edit.js
@@ -84,7 +84,7 @@ function onSubmitNewFilter() {
 function newFilterInit() {
     var select = document.getElementById("typeInput");
     select.onchange = onTypeChange;
-    var button = document.getElementById("newFilterButton");
+    var button = document.getElementById("submitFilterButton");
     button.onclick = onSubmitNewFilter;
 }
 document.addEventListener('DOMContentLoaded', newFilterInit, false);
diff --git a/static/edit.ts b/static/edit.ts
index fa61169..ea8b983 100644
--- a/static/edit.ts
+++ b/static/edit.ts
@@ -99,7 +99,7 @@ function newFilterInit(){
     let select = document.getElementById("typeInput") as HTMLSelectElement;
     select.onchange = onTypeChange;
 
-    let button = document.getElementById("newFilterButton") as HTMLButtonElement;
+    let button = document.getElementById("submitFilterButton") as HTMLButtonElement;
     button.onclick = onSubmitNewFilter
 }
 document.addEventListener('DOMContentLoaded', newFilterInit, false);
\ No newline at end of file
diff --git a/templates/diagrams.html b/templates/diagrams.html
index e5ebc8b..f1053cd 100644
--- a/templates/diagrams.html
+++ b/templates/diagrams.html
@@ -12,16 +12,16 @@
 
 {{ define "left" }}
 <div>
-    <button type="button" class="btn btn-primary btn-block btn-sm" data-bs-toggle="modal" data-bs-target="#newFilterModal">
+    <button type="button" class="btn btn-primary btn-block btn-sm" data-bs-toggle="modal" data-bs-target="#FilterModal">
         Add Filter
     </button>
 </div>
 
-<div class="modal fade" id="newFilterModal" tabindex="-1" aria-labelledby="newFilterModalLabel" aria-hidden="true">
+<div class="modal fade" id="FilterModal" tabindex="-1" aria-labelledby="FilterModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="newFilterModalLabel">Add Filter</h5>
+                <h5 class="modal-title" id="FilterModalLabel">Add Filter</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
@@ -58,7 +58,7 @@
                             </div>
                         </div>
                     </form>
-                    <button class="btn btn-primary mt-4"  data-bs-dismiss="modal" id="newFilterButton">Add Filter</button>
+                    <button class="btn btn-primary mt-4"  data-bs-dismiss="modal" id="submitFilterButton">Add Filter</button>
                 </div>
             </div>
         </div>