From 64388381f502e811f75257679a8a3b9cdeb3d8a4 Mon Sep 17 00:00:00 2001
From: Sakura Knoll <s4kura.knoll@gmail.com>
Date: Sun, 16 Jan 2022 09:48:45 +0900
Subject: [PATCH] Fix label alignment of FilterButton

---
 src/components/atoms/FilterButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/atoms/FilterButton.tsx b/src/components/atoms/FilterButton.tsx
index ada005f3..718a9d62 100644
--- a/src/components/atoms/FilterButton.tsx
+++ b/src/components/atoms/FilterButton.tsx
@@ -1,6 +1,6 @@
 /** @jsxImportSource theme-ui */
 import { useRouter } from 'next/router'
-import { Link } from 'theme-ui'
+import { Link, Text } from 'theme-ui'
 import SquareImageBox from './SquareImageBox'
 
 interface FilterButtonProps {
@@ -46,7 +46,7 @@ const FilterButton = ({
           mr={1}
         />
       )}
-      {label}
+      <Text sx={{ lineHeight: '30px' }}>{label}</Text>
     </Link>
   )
 }