using the Label component

airbytehq · Dec 21, 2022 · 8095fda · 8095fda
1 parent 0ca37ad
commit 8095fda
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/InputsView.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/InputsView.module.scss
@@ -18,7 +18,6 @@
 
 .itemLabel {
   flex-grow: 1;
-  font-size: 16px;
 }
 
 .itemButton {

diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/InputsView.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/InputsView.tsx
@@ -7,6 +7,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import { useEffectOnce } from "react-use";
 import * as yup from "yup";
 
+import Label from "components/Label";
 import { Button } from "components/ui/Button";
 import { Card } from "components/ui/Card";
 import { InfoBox } from "components/ui/InfoBox";
@@ -108,7 +109,7 @@ export const InputsView: React.FC = () => {
           <ol className={styles.list}>
             {inputs.value.map((input) => (
               <li className={styles.listItem} key={input.key}>
-                <div className={styles.itemLabel}>{input.definition.title || input.key}</div>
+                <Label className={styles.itemLabel}>{input.definition.title || input.key}</Label>
                 <Button
                   className={styles.itemButton}
                   size="sm"