From a0f0b5fc86d7c3ddd53194d576b75886aca7792e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Thu, 15 Dec 2022 00:57:02 -0300
Subject: [PATCH] chore: update spacing between sections on home and /downloads
 pages

---
 src/components/UI/downloads/SpecificVersionsSection.tsx | 6 +++++-
 src/pages/downloads.tsx                                 | 2 +-
 src/pages/index.tsx                                     | 5 ++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/UI/downloads/SpecificVersionsSection.tsx b/src/components/UI/downloads/SpecificVersionsSection.tsx
index aa619529bb..442510798a 100644
--- a/src/components/UI/downloads/SpecificVersionsSection.tsx
+++ b/src/components/UI/downloads/SpecificVersionsSection.tsx
@@ -8,7 +8,11 @@ interface Props {
 
 export const SpecificVersionsSection: FC<Props> = ({ children }) => {
   return (
-    <Grid id='specificversions' templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}>
+    <Grid
+      id='specificversions'
+      templateColumns={{ base: '1fr', md: '300px 1fr' }}
+      gap={{ base: 4, lg: 8 }}
+    >
       <GridItem w='auto'>
         <Box h='100%'>
           {/* TODO: replace with animated/video version */}
diff --git a/src/pages/downloads.tsx b/src/pages/downloads.tsx
index b77f2e6749..e4be82ee70 100644
--- a/src/pages/downloads.tsx
+++ b/src/pages/downloads.tsx
@@ -299,7 +299,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
       <PageMetadata title={METADATA.DOWNLOADS_TITLE} description={METADATA.DOWNLOADS_DESCRIPTION} />
 
       <main id='main-content'>
-        <Stack spacing={4}>
+        <Stack spacing={{ base: 4, lg: 8 }}>
           <DownloadsHero
             currentBuild={LATEST_RELEASES_DATA.releaseName}
             currentBuildVersion={LATEST_RELEASES_DATA.versionNumber}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 61c4164e4e..a5428aeb5e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -32,7 +32,10 @@ const HomePage: NextPage = ({}) => {
         <Stack spacing={4}>
           <HomeHero />
 
-          <Grid templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }} gap={4}>
+          <Grid
+            templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }}
+            gap={{ base: 4, lg: 8 }}
+          >
             <GridItem rowSpan={2}>
               {/* SECTION: What is Geth */}
               <HomeSection