diff --git a/templates/appointment.html b/templates/appointment.html
index 226b791..1bbecda 100644
--- a/templates/appointment.html
+++ b/templates/appointment.html
@@ -53,9 +53,7 @@
 {% endblock %}
 
 {% block scripts %}
-    <script>
-        "use strict";
-
+    <script type="module">
         const iframe = document.querySelector("#iframe");
 
         iframe.addEventListener("load", () => {
diff --git a/templates/index.html b/templates/index.html
index e94461b..6d13ce1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,7 +27,7 @@
 
 {% block scripts %}
     <script src="{{ get_url(path='leaflet/leaflet.js') | safe }}?v={{ now(timestamp=true) }}"></script>
-    <script>
+    <script type="module">
         L.Icon.Default.imagePath = "{{ get_url(path='leaflet/images/', trailing_slash=true) | safe }}";
 
         var center = L.latLng(50.05427, 7.11814);