From ffd90ff764a7a3b572a5e01301c0b3aeb46ae520 Mon Sep 17 00:00:00 2001
From: Thomas Osmonson <thomas.osmonson@gmail.com>
Date: Wed, 12 Aug 2020 08:55:04 -0500
Subject: [PATCH] fix: side-nav item focus style, #711

---
 src/components/side-nav.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/side-nav.tsx b/src/components/side-nav.tsx
index 3827ccaa..1e1aa6f5 100644
--- 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}
       >