diff --git a/src/components/common/SkipLink.tsx b/src/components/common/SkipLink.tsx
index beae8c0..5aa98c6 100644
--- a/src/components/common/SkipLink.tsx
+++ b/src/components/common/SkipLink.tsx
@@ -3,7 +3,10 @@ interface SkipLinkProps {
 }
 
 const SkipLink = ({ href }: SkipLinkProps) => (
-  <a href={href} className='sr-only'>
+  <a
+    href={href}
+    className='sr-only translate-y-[-150%] transform focus:not-sr-only focus:absolute focus:left-1/2 focus:translate-y-0 focus:transition-transform '
+  >
     Skip to content
   </a>
 )