diff --git a/src/components/codeBlock/index.tsx b/src/components/codeBlock/index.tsx
index 099f6ea1d156a..da549b4d2001e 100644
--- a/src/components/codeBlock/index.tsx
+++ b/src/components/codeBlock/index.tsx
@@ -99,7 +99,11 @@ export function CodeBlock({filename, language, children, externalLink}: CodeBloc
 
   // Mermaid blocks should not be processed by CodeBlock - they need special client-side rendering
   if (language === 'mermaid') {
-    return <div className="language-mermaid">{children}</div>;
+    return (
+      <div className="language-mermaid notranslate" translate="no">
+        {children}
+      </div>
+    );
   }
 
   async function copyCodeOnClick() {