diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss
index 86f6725f4a59f..90b2e6a5a0bb9 100644
--- a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss
+++ b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss
@@ -52,6 +52,8 @@ $controlButtonWidth: 24px;
 }
 
 .errorMessage {
+  // hardcode height to prevent resizing when error message is hidden
+  height: 16px;
   color: colors.$red;
 }
 
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx
index 9736f91439c33..ce17566c40849 100644
--- a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx
+++ b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx
@@ -183,11 +183,7 @@ const SchemaEditor = ({ streamFieldPath }: { streamFieldPath: (fieldPath: string
           helpers.setValue(val);
         }}
       />
-      {meta.error && (
-        <Text className={styles.errorMessage}>
-          <FormattedMessage id={meta.error} />
-        </Text>
-      )}
+      <Text className={styles.errorMessage}>{meta.error && <FormattedMessage id={meta.error} />}</Text>
     </>
   );
 };