From 2d4723b2cda764543c5b2d7b4aeecc89b0229446 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 31 Mar 2023 21:04:18 +0800
Subject: [PATCH] Add extra spacing at bottom of mobile highlight list

---
 .../web/components/templates/homeFeed/HighlightsLayout.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HighlightsLayout.tsx b/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
index 00004a934..920ed9422 100644
--- a/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
+++ b/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
@@ -33,9 +33,8 @@ type HighlightItemsLayoutProps = {
 export function HighlightItemsLayout(
   props: HighlightItemsLayoutProps
 ): JSX.Element {
-  const [currentItem, setCurrentItem] = useState<LibraryItem | undefined>(
-    undefined
-  )
+  const [currentItem, setCurrentItem] =
+    useState<LibraryItem | undefined>(undefined)
 
   const listReducer = (
     state: LibraryItem[],
@@ -248,6 +247,7 @@ function LibraryItemsList(props: LibraryItemsListProps): JSX.Element {
           )}
         </Box>
       ))}
+      <Box css={{ height: '240px' }} />
     </>
   )
 }