diff --git a/assets/css/_shortcodes/_index.scss b/assets/css/_shortcodes/_index.scss
index 2b6a8d4f..e4b656a2 100644
--- a/assets/css/_shortcodes/_index.scss
+++ b/assets/css/_shortcodes/_index.scss
@@ -5,3 +5,4 @@
 @import '_echarts';
 @import '_instagram';
 @import '_mapbox';
+@import '_mermaid';
diff --git a/assets/css/_shortcodes/_mermaid.scss b/assets/css/_shortcodes/_mermaid.scss
new file mode 100644
index 00000000..2efa6b18
--- /dev/null
+++ b/assets/css/_shortcodes/_mermaid.scss
@@ -0,0 +1,8 @@
+.mermaid {
+  text-align: center;
+
+  svg {
+    max-width: 100%;
+    height: auto; 
+  }
+}