fix: side-nav item focus style, #711

4 years ago · 556c02f508
1 changed files with 4 additions and 0 deletions
--- a/src/components/side-nav.tsx
+++ b/src/components/side-nav.tsx
@ -62,6 +62,7 @@ const PageItem = React.forwardRef(
      <SmartLink
        ref={ref}
        css={css({
+          outline: '0',
          display: 'block',
          ...typeStyles,
          color: isActive ? color('accent') : isTopLevel ? color('text-title') : _color,
@ -70,6 +71,9 @@ const PageItem = React.forwardRef(
            color: isTopLevel ? color('accent') : color('text-title'),
          },
          textDecoration: 'none',
+          ':focus': {
+            color: color('accent'),
+          },
        })}
        {...props}
      >