diff --git a/src/views/base/scripts/heading-link.module.scss b/src/views/base/scripts/heading-link.module.scss
index a37b7914..4df047d1 100644
--- a/src/views/base/scripts/heading-link.module.scss
+++ b/src/views/base/scripts/heading-link.module.scss
@@ -91,7 +91,7 @@
 // click will follow the anchor href, so the "Copy link"
 // button should not be displayed
 @supports selector(:has(*)) {
-	:global(.heading-linked):has(a:hover, a:focus) {
+	:global(.heading-linked):has(a:hover, a:focus-visible) {
 		.headingLink {
 			opacity: 0 !important;
 		}
@@ -133,7 +133,7 @@
 	:global(.heading-linked):has(.headingLinkContainer:hover) {
 		// The underline should not be applied if an inner <a> is focused
 		// as clicking will follow the link, not interact with the heading
-		&:not(:has(a:hover, a:focus)) {
+		&:not(:has(a:hover, a:focus-visible)) {
 			text-decoration: underline;
 		}
 	}