diff --git a/src/components/MDX/H1.astro b/src/components/MDX/H1.astro
index 03ad0a6..920e14a 100644
--- a/src/components/MDX/H1.astro
+++ b/src/components/MDX/H1.astro
@@ -1 +1 @@
-<h1 class="text-3xl font-extrabold"><slot /></h1>
+<h1 class="font-header text-3xl"><slot /></h1>
diff --git a/src/components/MDX/H2.astro b/src/components/MDX/H2.astro
index ca92ae9..4f74d0f 100644
--- a/src/components/MDX/H2.astro
+++ b/src/components/MDX/H2.astro
@@ -1 +1 @@
-<h2 class="text-2xl font-extrabold"><slot /></h2>
+<h2 class="font-header text-2xl"><slot /></h2>
diff --git a/src/components/SectionTitle.astro b/src/components/SectionTitle.astro
index d29b52f..2a688ba 100644
--- a/src/components/SectionTitle.astro
+++ b/src/components/SectionTitle.astro
@@ -15,6 +15,6 @@ const {
 ---
 
 <div class={className}>
-  <Tag class="m-0 text-center text-3xl font-extrabold"><slot /></Tag>
+  <Tag class="font-header m-0 text-center text-3xl"><slot /></Tag>
   <hr class={`mx-auto my-4 w-16 border-2 ${lineColour} ${lineColourDark}`} />
 </div>