diff --git a/.eleventy.js b/.eleventy.js
index 79b508792..bde54af74 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -23,8 +23,7 @@ module.exports = function(eleventyConfig) {
         }
     };
     let markdownItAnchorOptions = {
-        permalink: true,
-        permalinkClass: "direct-link"
+        permalink: markdownItAnchor.permalink.headerLink()
     };
 
     eleventyConfig.setLibrary(
diff --git a/docs/_includes/index.css b/docs/_includes/index.css
index a3aedbcf0..1d06fabe0 100644
--- a/docs/_includes/index.css
+++ b/docs/_includes/index.css
@@ -530,3 +530,11 @@ main .elv-toc + h1 .direct-link {
 		display: none ;
 	}
 }
+
+.header-anchor {
+    text-decoration: none;
+}
+
+.header-anchor:hover::after {
+    content: " 🔗";
+}