From 7df606b15afa1b565ce12b46caa44f30e8419f99 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 13 Jun 2024 11:40:26 +0800
Subject: [PATCH] Improve spacing on smaller screens

---
 packages/web/components/nav-containers/home.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/web/components/nav-containers/home.tsx b/packages/web/components/nav-containers/home.tsx
index 65cad3d19..f69baeaeb 100644
--- a/packages/web/components/nav-containers/home.tsx
+++ b/packages/web/components/nav-containers/home.tsx
@@ -57,6 +57,7 @@ export function HomeContainer(): JSX.Element {
           gap: '50px',
           minHeight: '100vh',
           '@mdDown': {
+            gap: '40px',
             width: '100%',
           },
         }}
@@ -200,6 +201,9 @@ const TopPicksHomeSection = (props: HomeSectionProps): JSX.Element => {
       css={{
         width: '100%',
         gap: '20px',
+        '@mdDown': {
+          gap: '10px',
+        },
       }}
     >
       <SpanBox
@@ -510,6 +514,7 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => {
         cursor: 'pointer',
         borderRadius: '5px',
         '@mdDown': {
+          pt: '15px',
           borderRadius: '0px',
         },
         '&:hover': {