From 5dc0e685b706d83a23c111da41040de56cc99d03 Mon Sep 17 00:00:00 2001
From: Emily Brick <emilybrick@github.com>
Date: Fri, 11 Oct 2024 21:41:10 -0400
Subject: [PATCH] image

---
 content/index.mdx                                    | 2 +-
 src/@primer/gatsby-theme-doctocat/components/hero.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/index.mdx b/content/index.mdx
index 0e6f209f1..4b3253248 100644
--- a/content/index.mdx
+++ b/content/index.mdx
@@ -7,7 +7,7 @@ export default HeroLayout
 import {Text, Link, Box, Heading} from '@primer/react'
 import {Link as GatsbyLink} from 'gatsby'
 
-<Box pb={4} display="grid" gridTemplateColumns={['1fr', null, null, null, '1fr 1fr']} gridGap={5}>
+<Box pb={4} display="grid" gridTemplateColumns={['1fr', null, null, null, '1fr 1fr']} gridGap={4}>
   <Box>
     <Heading as="h3" sx={{color: 'fg.default'}}>
       <Link sx={{fontSize: 4, color: 'fg.default'}} as={GatsbyLink} to="/guides/">
diff --git a/src/@primer/gatsby-theme-doctocat/components/hero.js b/src/@primer/gatsby-theme-doctocat/components/hero.js
index 3a3c4a090..76eada98b 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 pt={6}>
+      <Box pt={3}>
         <Container>
           <Box
             sx={{
@@ -20,7 +20,7 @@ export default function Hero() {
           >
             <div>
               <Heading sx={{fontSize: 7, lineHeight: 'condensed', pb: 3, mt: 5}}>Primer Design System</Heading>
-              <Text as="p" sx={{m: 0, fontSize: 3}}>
+              <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>
             </div>