diff --git a/public/index.html b/public/index.html
index 20fa591..c69fd92 100644
--- a/public/index.html
+++ b/public/index.html
@@ -211,7 +211,7 @@ pre.raw-line { background: var(--bs-tertiary-bg); padding: .75rem; border-radius
     <div class="page-section" id="page-sources">
       <div class="d-flex justify-content-between align-items-center mb-3">
         <h5 class="mb-0"><i class="bi bi-database me-2"></i>Log Sources</h5>
-        <button class="btn btn-primary btn-sm" onclick="resetSourceForm();new bootstrap.Modal(document.getElementById('sourceModal')).show()"><i class="bi bi-plus-lg"></i> Add Source</button>
+        <button class="btn btn-primary btn-sm" onclick="resetSourceForm();(bootstrap.Modal.getOrCreateInstance(document.getElementById('sourceModal'))).show()"><i class="bi bi-plus-lg"></i> Add Source</button>
       </div>
       <div class="card">
         <div class="card-body p-0">
@@ -231,7 +231,7 @@ pre.raw-line { background: var(--bs-tertiary-bg); padding: .75rem; border-radius
     <div class="page-section" id="page-rules">
       <div class="d-flex justify-content-between align-items-center mb-3">
         <h5 class="mb-0"><i class="bi bi-sliders me-2"></i>Alert Rules</h5>
-        <button class="btn btn-primary btn-sm" onclick="resetRuleForm();new bootstrap.Modal(document.getElementById('ruleModal')).show()"><i class="bi bi-plus-lg"></i> Add Rule</button>
+        <button class="btn btn-primary btn-sm" onclick="resetRuleForm();(bootstrap.Modal.getOrCreateInstance(document.getElementById('ruleModal'))).show()"><i class="bi bi-plus-lg"></i> Add Rule</button>
       </div>
       <div class="card">
         <div class="card-body p-0">