diff --git a/src/lib/components/posts/callout.svelte b/src/lib/components/posts/callout.svelte
index 3cf9f84..4706cbc 100644
--- a/src/lib/components/posts/callout.svelte
+++ b/src/lib/components/posts/callout.svelte
@@ -23,9 +23,9 @@
 <!-- A simple callout with header and slot body. Header background colored according to color, and the whole callout has a left border colored as well. -->
 <div class:minimal class:closed class:closable class="w-full rounded border-l border-l-4 my-6" style:border-left-color={color} style:--shadow-color="{color}0D">
     <div on:click={toggle} on:keydown={toggle} class="header rounded-tr-lg" style:background-color="{color}40" class:dark-bg={isDark}>
-        <h1>
+        <h4>
             <slot name="title"/>
-        </h1>
+        </h4>
         {#if closable}
             <span class="toggle">{closed ? "Click to view more" : "Click to dismiss"}</span>
         {/if}