diff --git a/ogcp/templates/base.html b/ogcp/templates/base.html
index f43f4bd..0037f79 100644
--- a/ogcp/templates/base.html
+++ b/ogcp/templates/base.html
@@ -115,8 +115,9 @@
 
     <script>
         // error messages
+        $(document).ready(function() {
         {% for category, message in get_flashed_messages(with_categories=True) %}
-            let bgclass = 'bg-success';
+            var bgclass = 'bg-success';
             {% if category == 'info' %}
                 bgclass = 'bg-info';
             {% elif category == 'error' %}
@@ -129,9 +130,10 @@
                 position: 'bottomRight',
                 autohide: true,
                 delay: 30000,
-                title: '{{ message }}',
+                title: {{ message|tojson|safe }},
             })
         {% endfor %}
+        });
     </script>
 
     {% block extrabody %}{% endblock %}