Improved sidebar nav-header focus rect appearance

7 years ago · 71bc3d9140
1 changed files with 6 additions and 3 deletions
--- a/src/templates/components/Sidebar/Section.js
+++ b/src/templates/components/Sidebar/Section.js
@ -24,12 +24,15 @@ const Section = ({
 }) => (
  <div>
    <button
-      css={{cursor: 'pointer', backgroundColor: 'transparent', border: 0}}
+      css={{
+        cursor: 'pointer',
+        backgroundColor: 'transparent',
+        border: 0,
+        marginTop: 10,
+      }}
      onClick={onSectionTitleClick}>
      <MetaTitle
        cssProps={{
-          marginTop: 10,
-
          [media.greaterThan('small')]: {
            color: isActive ? colors.text : colors.subtle,