diff --git a/infrastructure/web/public/javascripts/inbox-init.js b/infrastructure/web/public/javascripts/inbox-init.js
new file mode 100644
index 0000000..80edcd4
--- /dev/null
+++ b/infrastructure/web/public/javascripts/inbox-init.js
@@ -0,0 +1,7 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const script = document.currentScript;
+    const address = script ? script.dataset.address : '';
+    if (address) {
+        enableNewMessageNotifications(address, true);
+    }
+});
\ No newline at end of file
diff --git a/infrastructure/web/views/inbox.twig b/infrastructure/web/views/inbox.twig
index c6beec9..96c334f 100644
--- a/infrastructure/web/views/inbox.twig
+++ b/infrastructure/web/views/inbox.twig
@@ -1,11 +1,8 @@
 {% extends 'layout.twig' %}
 
 {% block body %}
-    <script>
-        document.addEventListener("DOMContentLoaded", function () {
-            enableNewMessageNotifications('{{ address }}', true)
-        });
-    </script>
+    <script src="/javascripts/inbox-init.js" defer data-address="{{ address }}"></script>
+    <script src="/javascripts/lock-modals.js" defer></script>
 
     <div class="action-links">
         <a href="/inbox/{{ address }}/delete-all">Wipe Inbox</a>