fix visual bug

airbytehq · Feb 6, 2023 · 09d730a · 09d730a
1 parent e6441bf
commit 09d730a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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>