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>
     );
   }