fix: Mermaid diagram styling in exported HTML/PDF

closes #6726

shared/editor/components/Styles.ts

@@ -1146,11 +1146,16 @@ mark {
 .code-block[data-language=mermaidjs] {
   margin: 0.75em 0;
 
-  pre {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    margin-bottom: -20px;
-    overflow: hidden;
+  ${
+    !props.staticHTML &&
+    css`
+      pre {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+        margin-bottom: -20px;
+        overflow: hidden;
+      }
+    `
   }
 
   // Hide code without display none so toolbar can still be positioned against it
@@ -1160,7 +1165,7 @@ mark {
     overflow: hidden;
 
     // Allows the margin to collapse correctly by moving div out of the flow
-    position: absolute;
+    position: ${props.staticHTML ? "relative" : "absolute"};
   }
 }