diff --git a/docs/assets/scss/_syntax.scss b/docs/assets/scss/_syntax.scss
index 4287ff55ac..eb4b26aaff 100644
--- a/docs/assets/scss/_syntax.scss
+++ b/docs/assets/scss/_syntax.scss
@@ -2,7 +2,7 @@
 
 .highlight {
   pre {
-    padding: 1.5rem;
+    padding: 1.25rem;
     margin-bottom: 1.5rem;
     background-color: rgba(0, 0, 0, .025);
     border-radius: .25rem;
@@ -18,6 +18,18 @@
   }
 }
 
+.bd-example {
+  padding: 1.25rem;
+  border: 1px solid rgba(0, 0, 0, .1);
+  border-top-left-radius: .25rem;
+  border-top-right-radius: .25rem;
+
+  + .highlight pre {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
+
 .chroma .dl { color: #4070a0; }
 .chroma .c { color: #999; }
 .chroma .c1 { color: #999; }