Fix Badge styling

ClickHouse · Oct 20, 2023 · 2999b6f · 2999b6f
1 parent 7b2219e
commit 2999b6f
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/Badge/Badge.tsx b/src/components/Badge/Badge.tsx
@@ -61,15 +61,15 @@ const SvgContainer = styled.svg<{ $state?: BadgeState; $size?: BadgeSize }>`
 `;
 const BadgeContent = styled(EllipsisContainer)<{
   $state?: BadgeState;
-  $size?: BadgeSize;
+  size?: BadgeSize;
 }>`
   width: auto;
   overflow: hidden;
   svg {
-    ${({ $state = "default", $size = "md", theme }) => `
+    ${({ $state = "default", size = "md", theme }) => `
     color: ${theme.click.badge.color.text[$state]};
-    height: ${theme.click.badge.icon[$size].size.height};
-    width: ${theme.click.badge.icon[$size].size.width};
+    height: ${theme.click.badge.icon[size].size.height};
+    width: ${theme.click.badge.icon[size].size.width};
     gap: inherit;
   `}
   }
@@ -98,6 +98,7 @@ export const Badge = ({
         icon={icon}
         iconDir={iconDir}
         size={size}
+        $state={state}
       >
         {text}
       </BadgeContent>