diff --git a/src/public/app/services/library_loader.js b/src/public/app/services/library_loader.js
index a7aa4af62..19394ebfd 100644
--- a/src/public/app/services/library_loader.js
+++ b/src/public/app/services/library_loader.js
@@ -58,7 +58,10 @@ const FORCE_GRAPH = {
 };
 
 const MERMAID = {
-    js: [ "node_modules/mermaid/dist/mermaid.min.js" ]
+    js: [
+        "node_modules/mermaid/dist/mermaid.min.js",
+        "libraries/mermaid-elk/elk.min.js"
+    ]
 }
 
 const EXCALIDRAW = {
diff --git a/src/public/app/widgets/mermaid.js b/src/public/app/widgets/mermaid.js
index a05561ac0..79e639d5f 100644
--- a/src/public/app/widgets/mermaid.js
+++ b/src/public/app/widgets/mermaid.js
@@ -61,6 +61,7 @@ export default class MermaidWidget extends NoteContextAwareWidget {
         const documentStyle = window.getComputedStyle(document.documentElement);
         const mermaidTheme = documentStyle.getPropertyValue('--mermaid-theme');
 
+        mermaid.registerLayoutLoaders(MERMAID_ELK);
         mermaid.mermaidAPI.initialize({
             startOnLoad: false,
             theme: mermaidTheme.trim(),