message: wrap <Container> in <BaseStyles>
diff: @@ -6,13 +6,8 @@ import Octicon, {iconsByName} from '@githubprimer/octicons-react'
  import * as primerComponents from '../src'
  import * as docComponents from './doc-components'
  -injectGlobal(preval`
  - const render = require('../lib/render-sass')
  - module.exports = render('@import "primer-utilities/index.scss";')
  -`)
  -
  +const {BaseStyles, Box, FlexContainer, Link} = primerComponents
  const {SideNav, Header, IndexHero, customTheme} = docComponents
  -const {Box, FlexContainer, Link} = primerComponents
  const iconComponents = Object.keys(iconsByName).reduce((map, key) => {
  map[iconsByName[key].name] = iconsByName[key]
  @@ -47,6 +42,7 @@ export default class MyApp extends App {
  const isIndex = pathname === '/' || pathname === '/components'
  return (
  + <BaseStyles>
  <Container>
  <Layout components={components} routes={[]} theme={customTheme}>
  <Header />
  @@ -61,6 +57,7 @@ export default class MyApp extends App {
  </FlexContainer>
  </Layout>
  </Container>
  + </BaseStyles>
  )
  }
  }
  