Fix badge alignment

2021-08-14 20:32:43 +02:00
parent b4ce36fb04
commit d80327c8e8
3 changed files with 4 additions and 20 deletions
--- a/pages/guides/components/guide-list-item.tsx
+++ b/pages/guides/components/guide-list-item.tsx
@@ -30,7 +30,7 @@ export function GuideListItem(props: GuideListItemProps) {

      <Flex alignItems='center' className='guide-title' transition={'200ms'}>
        <Text as='span' ml='7px'>{title}</Text>
-        {isPro && <Badge variant='subtle' colorScheme='purple' ml='10px'>Pro</Badge>}
+        {isPro && <Badge pos='relative' top='1px' variant='subtle' colorScheme='purple' ml='10px'>Pro</Badge>}
      </Flex>
      <Text fontSize='13px' color='gray.500' as='span'>{date}</Text>
    </Link>