fixes #122: Updating Badge font styles

cockroachdb · Oct 17, 2022 · 0645525 · 0645525
1 parent 640921f
commit 0645525
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/ui-components/src/Badge/Badge.tsx b/packages/ui-components/src/Badge/Badge.tsx
@@ -1,6 +1,7 @@
 import React, { FunctionComponent } from "react";
 import classNames from "classnames/bind";
 
+import { Heading } from "../../src";
 import objectToClassnames from "../utils/objectToClassnames";
 
 import styles from "./Badge.module.scss";
@@ -37,7 +38,7 @@ export const Badge: FunctionComponent<BadgeProps> = ({
   if (children !== undefined) {
     return (
       <div className={classnames} {...props}>
-        {children}
+        <Heading type="h6">{children}</Heading>
       </div>
     );
   }