From fcca0e508b6b7a0777e8340664fad726c1f01970 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Thu, 15 Sep 2022 11:17:04 -0600
Subject: [PATCH] cleaning up CSS around List and List Items and spans

---
 .../templates/library/LibrarySearchBar.tsx          | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/web/components/templates/library/LibrarySearchBar.tsx b/packages/web/components/templates/library/LibrarySearchBar.tsx
index 7ea7b63eb..4d6004f57 100644
--- a/packages/web/components/templates/library/LibrarySearchBar.tsx
+++ b/packages/web/components/templates/library/LibrarySearchBar.tsx
@@ -27,16 +27,9 @@ const List = styled('ul', {
 
 const Item = styled('li', {
   listStyleType: 'none',
-  p: '8px',
+  m: '8px',
   borderRadius: '5px',
-  display: 'flex',
-  justifyContent: 'flex-start',
-  width: '95%',
-  overflow: 'auto',
-  alignItems: 'center',
-  '& svg': {
-    marginRight: '10px',
-  },
+  width: '100%',
 })
 
 export type LibrarySearchBarProps = {
@@ -187,8 +180,8 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
                           {...getMenuProps()}
                           key={item}
                           css={{
+                            paddingLeft: '15px',
                             display: 'flex',
-                            justifyContent: 'space-between',
                             alignItems: 'center',
                             borderBottom: '1px solid $grayBorder',
                             '& svg': {