message: sneak in docs sidenav fixes :)
diff: import React from 'react'
  import {withRouter} from 'next/router'
  import {default as NextLink} from 'next/link'
  -import {Text, Box, Link, Flex, Relative} from '../..'
  +import {Text, BorderBox, Box, Link, Flex, Relative} from '../..'
  import * as docs from '../components/docs'
  const getLink = router => {
  @@ -27,7 +27,7 @@ const isComponentLink = componentName => {
  const SideNav = ({router}) => (
  <Relative>
  - <Box
  + <BorderBox
  width={['100%', '100%', 256, 256]}
  height="100%"
  bg="gray.0"
  @@ -37,7 +37,8 @@ const SideNav = ({router}) => (
  borderColor="gray.2"
  id="sidenav"
  >
  - <Flex flexDirection="column" alignItems="start" p={5} borderBottom={1} borderColor="gray.2">
  + <BorderBox border="none" borderBottom={1} borderRadius={0} borderColor="gray.2" bg="gray.0">
  + <Flex flexDirection="column" alignItems="start" p={5}>
  <NextLink href="/components/docs/system-props">
  <Link
  color="gray.9"
  @@ -60,6 +61,7 @@ const SideNav = ({router}) => (
  </Link>
  </NextLink>
  </Flex>
  + </BorderBox>
  <Box pt={5} pl={5}>
  <Text is="p" color="black" m={0} mb={3}>
  <NextLink href="/components/docs/Avatar">
  @@ -74,7 +76,7 @@ const SideNav = ({router}) => (
  </Text>
  {getLink(router)}
  </Box>
  - </Box>
  + </BorderBox>
  </Relative>
  )
  