diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index bfa15c4c..863d1e57 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,3 +1,7 @@
 mjx-math {
   font-size: 85% !important;
 }
+
+.mermaid {
+  text-align: center;
+}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 575276b0..8c7247bc 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -80,7 +80,11 @@ markdown_extensions:
       pygments_lang_class: true
   - pymdownx.inlinehilite
   - pymdownx.snippets
-  - pymdownx.superfences
+  - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format
   - pymdownx.tabbed:
       alternate_style: true
   - pymdownx.tasklist: