From c603f730a864318cc9b7961c53c8a1be82ce6626 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 1 Mar 2023 17:47:14 +0800
Subject: [PATCH] Fix menu button size, better scroll handling

---
 .../components/templates/homeFeed/LibraryFilterMenu.tsx  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index 811de3600..d06f790c6 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -29,8 +29,8 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
           height: '100%',
           width: LIBRARY_LEFT_MENU_WIDTH,
           borderRight: '1px solid #E1E1E1',
-          pr: '15px',
-          overflow: 'auto',
+          overflowY: 'auto',
+          overflowX: 'hidden',
         }}
       >
         <SavedSearches {...props} />
@@ -130,9 +130,10 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
   return (
     <VStack
       css={{
+        m: '0px',
         width: '100%',
         borderBottom: '1px solid #E1E1E1',
-        pl: '15px',
+        px: '15px',
       }}
       alignment="start"
       distribution="start"
@@ -162,7 +163,7 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
           {props.editTitle && props.editFunc && (
             <Dropdown
               triggerElement={
-                <DotsThree width={20} weight="bold" color="#BEBEBE" />
+                <DotsThree size={25} weight="bold" color="#BEBEBE" />
               }
             >
               <DropdownOption