diff --git a/src/@primer/gatsby-theme-doctocat/components/hero.js b/src/@primer/gatsby-theme-doctocat/components/hero.js
index bfa2838f1..f28ac1654 100644
--- a/src/@primer/gatsby-theme-doctocat/components/hero.js
+++ b/src/@primer/gatsby-theme-doctocat/components/hero.js
@@ -5,7 +5,7 @@ import {Container} from '@primer/gatsby-theme-doctocat'
 export default function Hero() {
   return (
     <ThemeProvider colorMode="night" nightScheme="dark_dimmed">
-      <Box>
+      <Box pt={3}>
         <Container>
           <Box
             sx={{
@@ -19,7 +19,7 @@ export default function Hero() {
             }}
           >
             <div>
-              <Heading sx={{fontSize: 7, lineHeight: 'condensed', pb: 3, mt: 5}}>Primer Design System</Heading>
+              <Heading sx={{fontSize: 7, lineHeight: 'condensed', pb: 3, mt: 6}}>Primer Design System</Heading>
               <Text as="p" sx={{m: 0, fontSize: 3, pb: 0}}>
                 Primer is a set of guidelines, principles, and patterns for designing and building UI at GitHub.
               </Text>