diff --git a/src/components/site-title.js b/src/components/site-title.js
index 400517870a9..3b12b5c1bad 100644
--- a/src/components/site-title.js
+++ b/src/components/site-title.js
@@ -4,7 +4,7 @@ import Link from './link'
 import useSiteMetadata from '../hooks/use-site-metadata'
 
 const NpmLogo = ({size, sx}) => (
-  <Box sx={{...sx, color: 'logoBg'}} role="banner">
+  <Box sx={{...sx, color: 'logoBg'}}>
     <svg height={size} width={size} viewBox="0 0 700 700" fill="currentColor" aria-hidden="true">
       <polygon fill="currentColor" points="0,700 700,700 700,0 0,0" />
       <polygon fill="#ffffff" points="150,550 350,550 350,250 450,250 450,550 550,550 550,150 150,150 " />
diff --git a/src/layout.js b/src/layout.js
index ece104cc71f..20cb21fae01 100644
--- a/src/layout.js
+++ b/src/layout.js
@@ -39,7 +39,6 @@ const DefaultLayout = ({children}) => {
     <Box
       sx={{
         justifyContent: 'center',
-        flexDirection: 'row-reverse',
         display: 'flex',
         maxWidth: '1200px',
         mx: 'auto',
@@ -47,7 +46,6 @@ const DefaultLayout = ({children}) => {
         p: [4, 5, 6, 7],
       }}
     >
-      <TableOfContents.Desktop />
       <Container as="main">
         <Box sx={{mb: 4}}>
           <Breadcrumbs />
@@ -60,6 +58,7 @@ const DefaultLayout = ({children}) => {
         {children}
         <PageFooter />
       </Container>
+      <TableOfContents.Desktop />
     </Box>
   )
 }