diff --git a/layouts/partials/hooks/before-body-end.html b/layouts/partials/hooks/before-body-end.html
index fb7ae20ba..dab653508 100644
--- a/layouts/partials/hooks/before-body-end.html
+++ b/layouts/partials/hooks/before-body-end.html
@@ -1,6 +1,7 @@
 {{ if .Page.Store.Get "hasMermaid" }}
-  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
-  <script>
+  <script type="module" async>
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9/+esm';
+    
     mermaid.initialize({ startOnLoad: true });
   </script>
 {{ end }}