diff --git a/integrations/mermaid/src/index.tsx b/integrations/mermaid/src/index.tsx
index 84cd01982..8f2821e62 100644
--- a/integrations/mermaid/src/index.tsx
+++ b/integrations/mermaid/src/index.tsx
@@ -70,7 +70,7 @@ export default createIntegration({
                 <body>
                     <script type="module">
                         import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
-                        mermaid.initialize({ startOnLoad: false });
+                        mermaid.initialize({ startOnLoad: false, securityLevel: 'loose' });
 
                         function renderDiagram(content) {
                             mermaid.render('output', content).then(({ svg: svgGraph }) => {
