From 06455258ed4c5b09cdbbad7235edb6f661c391b7 Mon Sep 17 00:00:00 2001
From: Nathan Stilwell <nathanstilwell@cockroachlabs.com>
Date: Mon, 17 Oct 2022 17:51:10 -0400
Subject: [PATCH] fixes #122: Updating Badge font styles

---
 packages/ui-components/src/Badge/Badge.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui-components/src/Badge/Badge.tsx b/packages/ui-components/src/Badge/Badge.tsx
index 48d174722..cc09cbf6a 100644
--- 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>
     );
   }