From e3e8a5f2d2c8c398066373bdafbf0e42420c3fff Mon Sep 17 00:00:00 2001
From: Lukas <llukas.tyla@gmail.com>
Date: Fri, 10 May 2024 11:43:48 +0300
Subject: [PATCH] [docs-infra] Fix custom API page headings (#13074)

---
 docs/src/modules/components/InterfaceApiPage.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/src/modules/components/InterfaceApiPage.js b/docs/src/modules/components/InterfaceApiPage.js
index 5dc94acc9d88b..91c90e9e0ae77 100644
--- a/docs/src/modules/components/InterfaceApiPage.js
+++ b/docs/src/modules/components/InterfaceApiPage.js
@@ -37,11 +37,13 @@ function Heading(props) {
 
   return (
     <Level id={hash}>
-      {getTranslatedHeader(t, hash)}
-      <a aria-labelledby={hash} className="anchor-link" href={`#${hash}`} tabIndex={-1}>
-        <svg>
-          <use xlinkHref="#anchor-link-icon" />
-        </svg>
+      <a aria-labelledby={hash} className="title-link-to-anchor" href={`#${hash}`} tabIndex={-1}>
+        {getTranslatedHeader(t, hash)}
+        <span className="anchor-icon">
+          <svg>
+            <use xlinkHref="#anchor-link-icon" />
+          </svg>
+        </span>
       </a>
     </Level>
   );