From 9b181633d94a19bb81d26474d6340aed09c82429 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 29 Aug 2023 16:25:28 +0800
Subject: [PATCH] Fix positioning of toggle buttons

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

diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index b6462449c..a363f9a54 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -280,7 +280,7 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
       alignment="start"
       distribution="start"
     >
-      <HStack css={{ width: '100%' }} distribution="start" alignment="start">
+      <HStack css={{ width: '100%' }} distribution="start" alignment="center">
         <StyledText
           css={{
             fontFamily: 'Inter',
@@ -297,10 +297,10 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
         </StyledText>
         <SpanBox
           css={{
-            mt: '17px',
-            mr: '-2px',
-            marginLeft: 'auto',
+            display: 'flex',
             height: '100%',
+            mt: '10px',
+            marginLeft: 'auto',
             verticalAlign: 'middle',
           }}
         >