diff --git a/website/.eleventy.js b/website/.eleventy.js
index ce94b5ceee..48210956de 100644
--- a/website/.eleventy.js
+++ b/website/.eleventy.js
@@ -113,9 +113,10 @@ module.exports = function (ty) {
 
       allContentNodes.forEach((node) => {
         const regex = new RegExp(`(?<![/#])\\b${term.term}\\b`, 'gi')
-        const replacement = `<span data-glossary="tooltip-${id}" class="glossary-term">${term.term}</span>`
         const beforeContent = node.innerHTML
-        node.innerHTML = node.innerHTML.replace(regex, replacement)
+        node.innerHTML = node.innerHTML.replace(regex, (match) => {
+          return `<span data-glossary="tooltip-${id}" class="glossary-term">${match}</span>`
+        })
         if (beforeContent !== node.innerHTML && !changeNoted) {
           changeNoted = true
         }
diff --git a/website/src/css/design3.css b/website/src/css/design3.css
index b24610054a..6d5fb5da2a 100644
--- a/website/src/css/design3.css
+++ b/website/src/css/design3.css
@@ -414,6 +414,10 @@ section.page .area {
     /* border: 2px solid red; */
 }
 
+#directory .area {
+    position: relative;
+}
+
 /* --- COVER --- */
 section.cover {
     background-image: url("/img/design_3/cover-light.webp");
@@ -630,11 +634,9 @@ main .section-bg {
     top: 0;
     inset: 0;
     height: 100lvh;
-    /* fallback */
     margin-bottom: -100lvh;
     /* cancel own layout height */
     width: 100%;
-
     background-image: var(--bg-grad);
     background-position: center;
     background-size: 102% 102%;
diff --git a/website/src/index.html b/website/src/index.html
index f527ab690c..358543a0d1 100644
--- a/website/src/index.html
+++ b/website/src/index.html
@@ -181,53 +181,50 @@ active_home: true
                     </div>
                 </div>
             </section>
-
-            <section id="directory" class="page-6 page">
-                <div class="area">
-                    <div class="group-images">
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="{{ 'index-directory-users-group-title' | i18n({}, lang) }}" target="_blank">
-                            <img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
-                            <img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
-                        </a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                        <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
-                    </div>
-                    <div class="text-container">
-                        <h2>{{ "index-directory-h2" | i18n({}, lang) }}</h2>
-                        <p>{{ "index-directory-p1" | i18n({}, lang) }}</p>
-                        <p>{{ "index-directory-p2" | i18n({}, lang) }}</p>
-                        <a class="gradient-text" href="/directory">{{ "index-directory-cta" | i18n({}, lang) }}</a>
-                    </div>
-                </div>
-            </section>
-
-            {% include "footer.html" %}
-
         </main>
+        <section id="directory" class="page-6 page">
+            <div class="area">
+                <div class="group-images">
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="{{ 'index-directory-users-group-title' | i18n({}, lang) }}" target="_blank">
+                        <img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
+                        <img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
+                    </a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                    <a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
+                </div>
+                <div class="text-container">
+                    <h2>{{ "index-directory-h2" | i18n({}, lang) }}</h2>
+                    <p>{{ "index-directory-p1" | i18n({}, lang) }}</p>
+                    <p>{{ "index-directory-p2" | i18n({}, lang) }}</p>
+                    <a class="gradient-text" href="/directory">{{ "index-directory-cta" | i18n({}, lang) }}</a>
+                </div>
+            </div>
+        </section>
+        {% include "footer.html" %}
     </div>