From 55d34565f2b9519e1f5445f143c72a35fb19c328 Mon Sep 17 00:00:00 2001
From: Ryan Freeman <hello@ryanfreeman.dev>
Date: Thu, 27 Mar 2025 14:42:41 +0000
Subject: [PATCH] Update heading component

---
 components/ui/Heading.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/ui/Heading.tsx b/components/ui/Heading.tsx
index 3ba0b7d..465dffb 100644
--- a/components/ui/Heading.tsx
+++ b/components/ui/Heading.tsx
@@ -11,10 +11,9 @@ export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
     let headingText = children ? children.toString() : ''
 
     return (
-        <Component id={createSlug(headingText)} className="group">
+        <Component id={createSlug(headingText)} className="flex group">
             {children}
-            <Link className="ml-1.5 group-hover:visible invisible"
-                  href={`#${createSlug(headingText)}`}>#</Link>
+            <Link className="sr-only group-hover:not-sr-only !ml-1.5" href={`#${createSlug(headingText)}`}>#</Link>
         </Component>
     )
 }
\ No newline at end of file