diff --git a/src/components/listing-parts/heading.astro b/src/components/listing-parts/heading.astro
index f555d06..290155f 100644
--- a/src/components/listing-parts/heading.astro
+++ b/src/components/listing-parts/heading.astro
@@ -1,9 +1,13 @@
 ---
+import { makeSlug } from '~/helpers/slug.js'
+
 const {
   text
 } = Astro.props
-
 ---
-<h2 class="section-heading text-xl md:text-2xl text-center font-bold mb-3">
+<h2
+    id={ makeSlug( text ) }
+    class="section-heading text-xl md:text-2xl text-center font-bold mb-3"
+>
     { text }
 </h2>