From 09d730a7533c4059780d88f79bef8adccba13d1a Mon Sep 17 00:00:00 2001
From: Joe Reuter <joe@airbyte.io>
Date: Sun, 5 Feb 2023 16:49:09 -0800
Subject: [PATCH 1/3] fix visual bug

---
 .../ConnectorForm/components/TestingConnectionError.tsx     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx b/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx
index e9538929578e..e41c05f9bb19 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { FormattedMessage } from "react-intl";
 
 import { Callout } from "components/ui/Callout";
-import { FlexContainer } from "components/ui/Flex";
+import { FlexContainer, FlexItem } from "components/ui/Flex";
 import { StatusIcon } from "components/ui/StatusIcon";
 import { Text } from "components/ui/Text";
 
@@ -12,7 +12,9 @@ const ErrorSection: React.FC<{
 }> = ({ errorMessage, errorTitle }) => (
   <Callout variant="error">
     <FlexContainer alignItems="flex-start" gap="sm">
-      <StatusIcon />
+      <FlexItem>
+        <StatusIcon />
+      </FlexItem>
       <FlexContainer direction="column">
         <Text size="lg">{errorTitle}</Text>
         <Text>{errorMessage}</Text>

From 0fbe3d6e58e3dd75dc7713566e6bc975eefd2aa7 Mon Sep 17 00:00:00 2001
From: Joe Reuter <joe@airbyte.io>
Date: Sun, 5 Feb 2023 17:08:28 -0800
Subject: [PATCH 2/3] Revert "fix visual bug"

This reverts commit 09d730a7533c4059780d88f79bef8adccba13d1a.
---
 .../ConnectorForm/components/TestingConnectionError.tsx     | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx b/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx
index e41c05f9bb19..e9538929578e 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorForm/components/TestingConnectionError.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { FormattedMessage } from "react-intl";
 
 import { Callout } from "components/ui/Callout";
-import { FlexContainer, FlexItem } from "components/ui/Flex";
+import { FlexContainer } from "components/ui/Flex";
 import { StatusIcon } from "components/ui/StatusIcon";
 import { Text } from "components/ui/Text";
 
@@ -12,9 +12,7 @@ const ErrorSection: React.FC<{
 }> = ({ errorMessage, errorTitle }) => (
   <Callout variant="error">
     <FlexContainer alignItems="flex-start" gap="sm">
-      <FlexItem>
-        <StatusIcon />
-      </FlexItem>
+      <StatusIcon />
       <FlexContainer direction="column">
         <Text size="lg">{errorTitle}</Text>
         <Text>{errorMessage}</Text>

From 96e07b179ac48058835b21a261046b14b9fc9cd2 Mon Sep 17 00:00:00 2001
From: Joe Reuter <joe@airbyte.io>
Date: Sun, 5 Feb 2023 17:09:17 -0800
Subject: [PATCH 3/3] prevent status icon squeezing

---
 airbyte-webapp/src/components/ui/StatusIcon/StatusIcon.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/airbyte-webapp/src/components/ui/StatusIcon/StatusIcon.tsx b/airbyte-webapp/src/components/ui/StatusIcon/StatusIcon.tsx
index bb2612c40155..12a353d1e73e 100644
--- a/airbyte-webapp/src/components/ui/StatusIcon/StatusIcon.tsx
+++ b/airbyte-webapp/src/components/ui/StatusIcon/StatusIcon.tsx
@@ -46,6 +46,7 @@ const Container = styled.div<Pick<StatusIconProps, "big" | "value">>`
   text-align: center;
   display: inline-block;
   vertical-align: middle;
+  flex-shrink: 0;
 `;
 
 const Badge = styled(Container)<{ status: Exclude<StatusIconStatus, "loading"> }>`