From ee4178a3b582c3d6d2cf85ae1069e4816aa33e32 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 13 Jun 2024 13:39:34 +0800
Subject: [PATCH] Better height consistency for the just added section

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

diff --git a/packages/web/components/nav-containers/home.tsx b/packages/web/components/nav-containers/home.tsx
index 90e99cce0..38cc00ae8 100644
--- a/packages/web/components/nav-containers/home.tsx
+++ b/packages/web/components/nav-containers/home.tsx
@@ -120,6 +120,7 @@ const JustAddedHomeSection = (props: HomeSectionProps): JSX.Element => {
       distribution="start"
       css={{
         width: '100%',
+        height: '100%',
         gap: '20px',
       }}
     >
@@ -172,8 +173,9 @@ const JustAddedHomeSection = (props: HomeSectionProps): JSX.Element => {
       <HStack
         css={{
           width: '100%',
+          height: '100%',
           lineHeight: '1',
-          overflow: 'scroll',
+          overflowX: 'scroll',
           gap: '25px',
           scrollbarWidth: 'none',
           '::-webkit-scrollbar': {
@@ -415,6 +417,7 @@ const TitleSmall = (props: HomeItemViewProps): JSX.Element => {
       css={{
         fontSize: '14px',
         lineHeight: '21px',
+        minHeight: '42px', // always have two lines of space
         fontWeight: '500',
         fontFamily: '$inter',
         color: '$homeTextTitle',