diff --git a/airbyte-webapp/src/views/Connector/ConnectorCard/ConnectorCard.tsx b/airbyte-webapp/src/views/Connector/ConnectorCard/ConnectorCard.tsx
index 1fb04b4176141..3371054b58a34 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorCard/ConnectorCard.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorCard/ConnectorCard.tsx
@@ -172,6 +172,10 @@ export const ConnectorCard: React.FC<ConnectorCardCreateProps | ConnectorCardEdi
         {additionalSelectorComponent}
         <div>
           <ConnectorForm
+            // Causes the whole ConnectorForm to be unmounted and a new instance mounted whenever the connector type changes.
+            // That way we carry less state around inside it, preventing any state from one connector type from affecting another
+            // connector type's form in any way.
+            key={selectedConnectorDefinition && Connector.id(selectedConnectorDefinition)}
             {...props}
             selectedConnectorDefinition={selectedConnectorDefinition}
             selectedConnectorDefinitionSpecification={selectedConnectorDefinitionSpecification}
diff --git a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx
index 20c472d878bdf..df51042dfe03e 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx
@@ -41,7 +41,7 @@ const Examples: React.FC<Pick<LabelInfoProps, "examples">> = ({ examples }) => {
       </h4>
       <div className={styles.exampleContainer}>
         {examplesArray.map((example) => (
-          <span className={styles.exampleItem}>{example}</span>
+          <span className={styles.exampleItem}>{String(example)}</span>
         ))}
       </div>
     </div>