Fix label alignment of FilterButton

2022-01-16 09:48:45 +09:00
parent f70350d8db
commit 64388381f5
1 changed files with 2 additions and 2 deletions
@@ -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>
  )
 }