From 758efc3845f7d370f21a4f9a78c1faa67bc74c51 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 20 Apr 2022 11:36:04 -0700
Subject: [PATCH] Handle Inbox filter when not set

---
 .../web/components/templates/homeFeed/HomeFeedContainer.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 4a65456b9..5b00cb372 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -590,9 +590,9 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
           <Box css={{ display: 'flex', width: '100%', height: '44px', marginTop: '16px', gap: '8px', flexDirection: 'row' }}>
             {Object.keys(SAVED_SEARCHES).map(key => {
               const searchQuery = SAVED_SEARCHES[key]
-              const style = searchQuery === props.searchTerm ? 'ctaDarkYellow' : 'ctaLightGray'
+              const style = searchQuery === props.searchTerm || (!props.searchTerm && !searchQuery) ? 'ctaDarkYellow' : 'ctaLightGray'
               return (
-                <Button style={style} onClick={() => { props.applySearchQuery(searchQuery)}}>
+                <Button key={key} style={style} onClick={() => { props.applySearchQuery(searchQuery)}} css={{ p: '10px 12px', borderRadius: '6px' }}>
                   {key}
                 </Button>
               )