Remove style.css from Tag component - unneeded

0xsequence · Dec 30, 2024 · b8a193c · b8a193c
1 parent 8e1d0bb
commit b8a193c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 21 deletions.
diff --git a/src/components/Tag/Tag.tsx b/src/components/Tag/Tag.tsx
@@ -9,8 +9,6 @@ import {
 import { Text } from '~/components/Text'
 import { IconProps } from '~/icons/types'
 
-import { tagStyle } from './styles.css'
-
 type TagProps = {
   label: string
   icon?: ComponentType<IconProps>
@@ -25,14 +23,19 @@ export const Tag: PolymorphicComponent<TagProps, 'div'> = forwardRef(
 
     return (
       <Box
-        className={tagStyle}
         ref={ref}
         background="buttonGlass"
+        borderRadius="xs"
+        display="inline-flex"
+        gap="1"
+        paddingX="2"
+        paddingY="1"
+        whiteSpace="nowrap"
         color="text80"
         {...rest}
       >
         {Icon && <Icon size="xs" />}
-        <Text>{label}</Text>
+        <Text variant="xsmall">{label}</Text>
       </Box>
     )
   }

diff --git a/src/components/Tag/styles.css.ts b/src/components/Tag/styles.css.ts