diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
index bba80db1b..f6589650c 100644
--- a/src/templates/ReferenceTemplate.js
+++ b/src/templates/ReferenceTemplate.js
@@ -38,7 +38,11 @@ const ReferenceTemplate = ({ data }) => {
             <h2>Examples</h2>
             <section>
               {examples.map((example, i) => (
-                <ComponentExample key={i} example={example} />
+                <ComponentExample
+                  key={i}
+                  className={styles.componentExample}
+                  example={example}
+                />
               ))}
             </section>
           </section>
diff --git a/src/templates/ReferenceTemplate.module.scss b/src/templates/ReferenceTemplate.module.scss
index 5ed2e9eea..7f2242ff1 100644
--- a/src/templates/ReferenceTemplate.module.scss
+++ b/src/templates/ReferenceTemplate.module.scss
@@ -17,3 +17,7 @@
 .sidebar {
   grid-area: sidebar;
 }
+
+.componentExample:not(:last-child) {
+  margin-bottom: 2rem;
+}