diff --git a/website/assets/styles/pages/articles/basic-article.less b/website/assets/styles/pages/articles/basic-article.less
index b814d3b9d9..f1e1c7645d 100644
--- a/website/assets/styles/pages/articles/basic-article.less
+++ b/website/assets/styles/pages/articles/basic-article.less
@@ -96,7 +96,7 @@
     li::marker {
       color: @core-vibrant-blue;
     }
-    code:not(.nohighlight) {
+    code:not(.nohighlight):not(.mermaid) {
       background: #F1F0FF;
       padding: 4px 8px;
       font-family: @code-font;
@@ -121,6 +121,17 @@
       background: #F9FAFC;
       white-space: break-spaces;
     }
+    code.mermaid:not([data-processed='true']) {
+      opacity: 0;
+    }
+    code.mermaid {
+      color: @core-fleet-black-75;
+      margin-bottom: 16px 0px 32px;
+      font-family: @code-font;
+      display: inline-block;
+      margin-left: auto;
+      margin-right: auto;
+    }
     blockquote {
       margin: 16px 0 32px;
       background: #F7F7FC;
@@ -142,6 +153,24 @@
         font-size: 16px;
       }
     }
+    table {
+      table-layout: auto;
+      border: 1px solid @border-lt-gray;
+      border-collapse: collapse;
+      font-size: 16px;
+      line-height: 28px;
+      margin-bottom: 16px;
+      max-width: 100%;
+      th {
+        font-weight: @bold;
+        border: 1px solid @border-lt-gray;
+        padding: 8px 7px 7px 8px;
+      }
+      td {
+        border: 1px solid @border-lt-gray;
+        padding: 8px 7px 7px 8px;
+      }
+    }
     iframe {
       align-self: center;
     }