diff --git a/docs/src/modules/components/SkipLink.tsx b/docs/src/modules/components/SkipLink.tsx
index 8fa820cde387f5..cafdd56f84409d 100644
--- a/docs/src/modules/components/SkipLink.tsx
+++ b/docs/src/modules/components/SkipLink.tsx
@@ -32,10 +32,10 @@ const StyledLink = styled(MuiLink)(({ theme }) => ({
     }),
   },
   '@media (prefers-reduced-motion: reduce)': {
-    top: theme.spacing(2),
     transition: theme.transitions.create('opacity'),
     opacity: 0,
     '&:focus': {
+      top: theme.spacing(2),
       opacity: 1,
       transition: theme.transitions.create('opacity'),
     },