From e6ef9c98ca1199d9fc80c81565c330e4f423be5e Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Thu, 15 Sep 2022 09:04:06 -0600
Subject: [PATCH] Fixing list view for longer texts and layout

---
 .../components/templates/library/LibrarySearchBar.tsx  | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/templates/library/LibrarySearchBar.tsx b/packages/web/components/templates/library/LibrarySearchBar.tsx
index 54fb0570f..f3ad82d8b 100644
--- a/packages/web/components/templates/library/LibrarySearchBar.tsx
+++ b/packages/web/components/templates/library/LibrarySearchBar.tsx
@@ -27,10 +27,10 @@ const Item = styled('li', {
   listStyleType: 'none',
   p: '8px',
   borderRadius: '5px',
-  textOverflow: 'ellipsis',
-
   display: 'flex',
   justifyContent: 'flex-start',
+  width: '95%',
+  overflow: 'auto',
   alignItems: 'center',
   '& svg': {
     marginRight: '10px',
@@ -197,10 +197,8 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
                                 : 'transparent',
                           }}
                         >
-                          <Item>
-                            <Clock size={20} />
-                            {item}
-                          </Item>
+                          <Clock size={20} />
+                          <Item>{item}</Item>
                           <X
                             width={20}
                             height={20}