diff --git a/exampleSite/content/cont/markdown.en.md b/exampleSite/content/cont/markdown.en.md
index f433881bc0..7f3dc516bb 100644
--- a/exampleSite/content/cont/markdown.en.md
+++ b/exampleSite/content/cont/markdown.en.md
@@ -647,6 +647,8 @@ Add HTTP parameters `width` and/or `height` to the link image to resize the imag
 
 ![Minion](https://octodex.github.com/images/minion.png?width=20pc)
 
+![stormtroopocat](https://octodex.github.com/images/stormtroopocat.png?width=20pc)
+
 ```markdown
 ![Minion](https://octodex.github.com/images/minion.png?height=50px)
 ```
diff --git a/static/css/theme.css b/static/css/theme.css
index 688bc1a463..d8e77cf182 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -287,7 +287,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
     min-height: 100%;
 }
 #body img, #body .video-container {
-    margin: 3rem auto;
+    margin: 1.7rem auto;
     display: block;
     text-align: center;
 }
@@ -610,7 +610,6 @@ code.copy-to-clipboard-inline {
 }
 pre {
     padding: 1rem;
-    margin: 2rem 0;
     border: 0;
     border-radius: 2px;
     line-height: 1.15;
@@ -1110,6 +1109,11 @@ option {
     color: initial;
 }
 
+.expand{
+    margin-bottom: 1rem;
+    margin-top: 1rem;
+}
+
 .expand-label {
     cursor: pointer;
 }
@@ -1129,3 +1133,8 @@ option {
         padding-top: .75rem;
     }
 }
+
+.mermaid {
+    margin-bottom: 1.7rem;
+    margin-top: 1.7rem;
+}
\ No newline at end of file