diff --git a/scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx b/scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx
index d8ddc396c0..3540c9b9c1 100644
--- a/scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx
+++ b/scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx
@@ -26,7 +26,8 @@ import React, { FC } from "react";
 import SyntaxHighlighter from "../SyntaxHighlighter";
 import { ExtensionPoint, extensionPoints, useBinder } from "@scm-manager/ui-extensions";
 import { useIndexLinks } from "@scm-manager/ui-api";
-import MermaidCodeRenderer from "./MermaidCodeRenderer";
+
+const MermaidCodeRenderer = React.lazy(() => import("./MermaidCodeRenderer"));
 
 type Props = {
   language?: string;