ui: basic style the docs & link to pages

src/components/DocsLayout/index.tsx

@@ -26,7 +26,7 @@ const DocsLayout = ({ children }: PropsWithChildren<{}>) => {
   `)
 
   return (
-    <Scrollbar>
+    <div>
       <Main>
         <DocsSidebar />
         <MainContent>
@@ -39,7 +39,7 @@ const DocsLayout = ({ children }: PropsWithChildren<{}>) => {
         {` `}
         <a href="https://www.gatsbyjs.org">Gatsby</a>
       </footer>
-    </Scrollbar>
+    </div>
   )
 }
 

src/components/DocsLayout/styles.tsx

@@ -7,7 +7,7 @@ export const Main = styled.div`
 `
 
 export const MainContent = styled.main`
-  flex: 1 0 auto;
+  flex: 1 1 auto;
 
   & > :first-child {
     margin-top: 0;