diff --git a/components/ui/Heading.tsx b/components/ui/Heading.tsx
index c5141a6..7105e5e 100644
--- a/components/ui/Heading.tsx
+++ b/components/ui/Heading.tsx
@@ -10,7 +10,7 @@ type HeadingProps = {
 }
 
 export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
-    const ref = useRef<HTMLAnchorElement>(null);
+    const ref = useRef<HTMLAnchorElement>(null)
     const headingText = children?.toString() || ''
 
     useEffect(() => {
@@ -22,7 +22,7 @@ export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
     return (
         <Component id={createSlug(headingText)} className="flex group">
             {children}
-            <Link className="sr-only group-hover:not-sr-only !ml-1.5" href={`#${createSlug(headingText)}`} ref={ref}></Link>
+            <Link className="ml-1.5 invisible group-hover:visible" href={`#${createSlug(headingText)}`} ref={ref}></Link>
         </Component>
     )
 }
\ No newline at end of file