diff --git a/src/main/css/snippets/overrides.css b/src/main/css/snippets/overrides.css
index 72d25ee..c55c995 100644
--- a/src/main/css/snippets/overrides.css
+++ b/src/main/css/snippets/overrides.css
@@ -4,3 +4,28 @@ select {
     -moz-appearance: menulist;
     appearance: auto;
 }
+
+/* Set spacing to half that of pico.css */
+h1 {
+    --typography-spacing-vertical: 1.5rem;
+}
+
+h2 {
+    --typography-spacing-vertical: 1.3125rem;
+}
+
+h3 {
+    --typography-spacing-vertical: 1.125rem;
+}
+
+h4 {
+    --typography-spacing-vertical: 0.937rem;
+}
+
+h5 {
+    --typography-spacing-vertical: 0.84375rem;
+}
+
+h6 {
+    --typography-spacing-vertical: 0.75rem;
+}
diff --git a/src/test/index.html b/src/test/index.html
index 02321c3..f9bc8a9 100644
--- a/src/test/index.html
+++ b/src/test/index.html
@@ -48,9 +48,25 @@
                 </hgroup>
             </header>
 
+            <h1>Test</h1>
             <p>This <a href="./" target="_blank">is an external link</a> in a sentence.</p>
             <p>These are some more contents.</p>
             <p>These are the page contents.</p>
+
+            <h2>Test</h2>
+            <p>Here is some text you may want to read.</p>
+
+            <h3>Test</h3>
+            <p>Here is some text you may want to read.</p>
+
+            <h4>Test</h4>
+            <p>Here is some text you may want to read.</p>
+
+            <h5>Test</h5>
+            <p>Here is some text you may want to read.</p>
+
+            <h6>Test</h6>
+            <p>Here is some text you may want to read.</p>
         </section>
         <footer id="footer"></footer>
     </div>