From 7cd8fee664f2ff5ca994453711785102473a583f Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 1 Mar 2023 20:41:52 +0800
Subject: [PATCH] Hover on the left menu items

---
 .../patterns/LibraryCards/LibraryGridCard.tsx    |  1 +
 .../templates/homeFeed/LibraryFilterMenu.tsx     | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index fa0148ace..d32baddec 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -167,6 +167,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
                 height: '30px',
                 width: '30px',
                 mt: '-5px',
+                mr: '-5px',
                 alignItems: 'center',
                 justifyContent: 'center',
                 borderRadius: '1000px',
diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index 7ee2a7258..5cae94edb 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -166,7 +166,21 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
           {props.editTitle && props.editFunc && (
             <Dropdown
               triggerElement={
-                <DotsThree size={25} weight="bold" color="#BEBEBE" />
+                <Box
+                  css={{
+                    display: 'flex',
+                    height: '30px',
+                    width: '30px',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '1000px',
+                    '&:hover': {
+                      bg: '#EBEBEB',
+                    },
+                  }}
+                >
+                  <DotsThree size={25} weight="bold" color="#BEBEBE" />
+                </Box>
               }
             >
               <DropdownOption