diff --git a/client/src/components/Markdown/MermaidCodeBlock.tsx b/client/src/components/Markdown/MermaidCodeBlock.tsx
index 897c4b584..9d3a80a65 100644
--- a/client/src/components/Markdown/MermaidCodeBlock.tsx
+++ b/client/src/components/Markdown/MermaidCodeBlock.tsx
@@ -76,6 +76,7 @@ const MermaidBlock = ({ code }: { code: string }) => {
     <Box position={'relative'}>
       <Box
         ref={dom}
+        as={'p'}
         className={styles.mermaid}
         minW={'100px'}
         minH={'50px'}