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