From 5177eb4c032c62d46c7b7e567e0b8913f0f9be01 Mon Sep 17 00:00:00 2001
From: Vladimir <volodymyr.s.petrov@globallogic.com>
Date: Fri, 28 Oct 2022 18:16:51 +0300
Subject: [PATCH] fixed failed build (#18610)

---
 .../src/components/StreamTestingPanel/StreamSelector.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/airbyte-webapp/src/components/StreamTestingPanel/StreamSelector.tsx b/airbyte-webapp/src/components/StreamTestingPanel/StreamSelector.tsx
index f2b38910c15a..578d29940b2d 100644
--- a/airbyte-webapp/src/components/StreamTestingPanel/StreamSelector.tsx
+++ b/airbyte-webapp/src/components/StreamTestingPanel/StreamSelector.tsx
@@ -7,6 +7,7 @@ import { Text } from "components/ui/Text";
 
 import { useConnectorBuilderState } from "services/connectorBuilder/ConnectorBuilderStateService";
 
+import { Heading } from "../ui/Heading";
 import styles from "./StreamSelector.module.scss";
 
 export const StreamSelector: React.FC = () => {
@@ -15,9 +16,9 @@ export const StreamSelector: React.FC = () => {
   return (
     <Listbox value={selectedStream.name} onChange={setSelectedStream}>
       <Listbox.Button className={classNames(styles.button, styles.centered)}>
-        <Text className={styles.capitalized} as="h1" size="sm">
+        <Heading className={styles.capitalized} as="h1" size="sm">
           {selectedStream.name}
-        </Text>
+        </Heading>
         <FontAwesomeIcon className={styles.arrow} icon={faSortDown} />
       </Listbox.Button>
       {/* wrap in div to make `position: absolute` on Listbox.Options result in correct vertical positioning */}