From 0fd6b84609dff710a1bea2510b73c590d6637176 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 25 Apr 2022 15:08:49 -0700
Subject: [PATCH] Reduce margin on the left of the clear search button

This allows more space for text on smaller devices
---
 packages/web/components/templates/homeFeed/LibrarySearchBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/components/templates/homeFeed/LibrarySearchBar.tsx b/packages/web/components/templates/homeFeed/LibrarySearchBar.tsx
index 770ee791e..6e4f84e3b 100644
--- a/packages/web/components/templates/homeFeed/LibrarySearchBar.tsx
+++ b/packages/web/components/templates/homeFeed/LibrarySearchBar.tsx
@@ -116,7 +116,7 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
               setSearchTerm('')
               props.applySearchQuery('')
               inputRef.current?.blur()
-            }} css={{ display: 'flex', flexDirection: 'row', mx: '8px', height: '100%', alignItems: 'center' }}>
+            }} css={{ display: 'flex', flexDirection: 'row', mr: '8px', height: '100%', alignItems: 'center' }}>
               <X width={16} height={16} color={theme.colors.grayTextContrast.toString()} />
           </Button>
         )}