From dcfcd9f600c118bc1a5c1cc57ad6356a981bece4 Mon Sep 17 00:00:00 2001
From: ShaneMaglangit <shanedmaglangit@gmail.com>
Date: Wed, 5 Oct 2022 18:10:23 +0800
Subject: [PATCH] Fix: Improve the icon alignment in toggle buttons

---
 .../web/components/templates/homeFeed/HomeFeedContainer.tsx    | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 7f5f2a126..c3be5cc91 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -651,6 +651,9 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
   const [, updateState] = useState({})
 
   const StyledToggleButton = styled('button', {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     p: '0px',
     backgroundColor: 'transparent',
     border: 'none',