diff --git a/theme/src/client/styles/compat.css b/theme/src/client/styles/compat.css
index 9de51c71..cb6f4b67 100644
--- a/theme/src/client/styles/compat.css
+++ b/theme/src/client/styles/compat.css
@@ -16,22 +16,3 @@
 .vp-comment {
   margin-top: 80px;
 }
-
-/* ------------------ Mermaid  ------------------ */
-
-.mermaid-preview {
-  background-color: rgba(0, 0, 0, 0.45);
-}
-
-.mermaid-preview > svg {
-  background-color: var(--vp-c-bg);
-}
-
-@media (min-width: 960px) {
-  .mermaid-preview > svg {
-    padding: 16px 24px;
-    margin: 0 16px;
-    border-radius: 8px;
-    box-shadow: var(--vp-shadow-2);
-  }
-}
diff --git a/theme/src/client/styles/md-enhance.css b/theme/src/client/styles/md-enhance.css
index cd0eb294..664ae1ad 100644
--- a/theme/src/client/styles/md-enhance.css
+++ b/theme/src/client/styles/md-enhance.css
@@ -322,6 +322,29 @@
   display: inline-block;
 }
 
+.mermaid-wrapper p {
+  line-height: inherit;
+}
+
+.mermaid-preview {
+  background-color: rgba(0, 0, 0, 0.45);
+}
+
+.mermaid-preview > svg {
+  background-color: var(--vp-c-bg);
+}
+
+@media (min-width: 960px) {
+  .mermaid-preview > svg {
+    padding: 16px 24px;
+    margin: 0 16px;
+    border-radius: 8px;
+    box-shadow: var(--vp-shadow-2);
+  }
+}
+
+/* --------------------- Markdown Enhance: Flowchart ------------------------  */
+
 .flowchart-wrapper svg {
   display: inline-block;
 }