diff --git a/src/public/app/services/content_renderer.js b/src/public/app/services/content_renderer.js
index d1ad0d20a..01234fc1c 100644
--- a/src/public/app/services/content_renderer.js
+++ b/src/public/app/services/content_renderer.js
@@ -209,8 +209,9 @@ async function renderMermaid(note, $renderedContent) {
     mermaid.mermaidAPI.initialize({startOnLoad: false, theme: mermaidTheme.trim(), securityLevel: 'antiscript'});
 
     try {
-        mermaid.mermaidAPI.render("in-mermaid-graph-" + idCounter++, content,
-            content => $renderedContent.append($(content)));
+        const {svg} = await mermaid.mermaidAPI.render("in-mermaid-graph-" + idCounter++, content);
+
+        $renderedContent.append($(svg));
     } catch (e) {
         const $error = $("<p>The diagram could not displayed.</p>");