diff --git a/core/templates/base.html b/core/templates/base.html
index ba0349a..98ec260 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -396,7 +396,7 @@
 {# Builds the modal body from JSON via createElement + textContent. #}
 {% if user.is_authenticated and user.is_staff or user.is_superuser %}
 <script>
-(function() {
+document.addEventListener('DOMContentLoaded', function() {
     var modalEl = document.getElementById('workLogPayrollModal');
     if (!modalEl) return;
     var bodyEl = document.getElementById('workLogPayrollBody');
@@ -614,7 +614,7 @@
         ev.preventDefault();
         openForLog(target.getAttribute('data-log-id'));
     });
-})();
+});
 </script>
 {% endif %}
 
@@ -624,11 +624,11 @@
 {# Hidden by default. Any element with data-log-id anywhere in the app #}
 {# triggers this modal. Fetches JSON and builds the DOM safely. #}
 {% if user.is_authenticated and user.is_staff or user.is_superuser %}
-<div class="modal fade" id="workLogPayrollModal" tabindex="-1" aria-hidden="true">
+<div class="modal fade" id="workLogPayrollModal" tabindex="-1" aria-labelledby="workLogPayrollModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title"><i class="fas fa-calendar-day me-2"></i>Work Log Payroll</h5>
+                <h5 class="modal-title" id="workLogPayrollModalLabel"><i class="fas fa-calendar-day me-2"></i>Work Log Payroll</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body" id="workLogPayrollBody">