diff --git a/public/index.html b/public/index.html
index 3b79a8e..2ec7764 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,7 +26,7 @@
   <main>
 
     <section class="container-xxl">
-      <h2 class="section text-center" id="section-services">FPV drone opnames laten maken</h2>
+      <h2 class="text-center" id="section-services">FPV drone opnames laten maken</h2>
       <div class="row text-center">
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
@@ -102,7 +102,7 @@
     </section>
 
     <section class="container-xxl">
-      <h2 class="section text-center" id="section-fpv">Wat is FPV?</h2>
+      <h2 class="text-center" id="section-fpv">Wat is FPV?</h2>
       <div class="row">
         <div class="col-md">
           <p>
@@ -119,8 +119,9 @@
     </section>
 
     <section class="container-xxl">
+      <div id="section-about"></div>
       <div class="card h-100 bg-light text-dark">
-        <h2 class="section card-title text-center mt-4" id="section-about">Over mij</h2>
+        <h2 class="card-title text-center mt-4">Over mij</h2>
         <div class="row g-0">
           <div class="col-lg-6 gradient-to-top-light">
             <img class="card-img" style="object-position: left;" src="assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
@@ -146,7 +147,7 @@
     </section>
 
     <section class="container-xxl">
-      <h2 class="section text-center" id="section-wow">Werkwijze</h2>
+      <h2 class="text-center" id="section-wow">Werkwijze</h2>
       <div class="row text-center">
         <div class="col-sm-6 col-lg">
           <h3>
diff --git a/src/js/scripts.js b/src/js/scripts.js
index e123656..c9fe264 100644
--- a/src/js/scripts.js
+++ b/src/js/scripts.js
@@ -28,17 +28,20 @@ document.addEventListener('DOMContentLoaded', () =>
   /**
    * @type {NodeListOf<HTMLElement>}
    */
-  const sections = document.querySelectorAll('.section');
+  const sections = document.querySelectorAll('section');
 
   sections.forEach(section =>
   {
-    if (section.id)
+    const anchorTarget = section.querySelector('[id^="section-"]');
+    const anchorHeader = section.querySelector('h1,h2');
+
+    if (anchorTarget && anchorHeader)
     {
-      const anchor = document.createElement('a');
-      anchor.className = 'anchor-link';
-      anchor.href = `#${section.id}`;
-      anchor.innerHTML = ' #&nbsp;';
-      section.appendChild(anchor);
+      const anchorLink = document.createElement('a');
+      anchorLink.className = 'anchor-link';
+      anchorLink.href = `#${anchorTarget.id}`;
+      anchorLink.innerHTML = ' #&nbsp;';
+      anchorHeader.appendChild(anchorLink);
     }
   });