From cd0fc6ab892867b48a99dcb9e84329bab59fa882 Mon Sep 17 00:00:00 2001
From: Artem Astapenko <jamakase54@gmail.com>
Date: Tue, 26 Oct 2021 02:33:08 +0300
Subject: [PATCH] Fix arrow in setup connection flow

---
 .../src/components/ConnectionBlock/ConnectionBlock.tsx      | 6 +++---
 .../ConnectionBlock/components/ConnectionBlockItem.tsx      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/airbyte-webapp/src/components/ConnectionBlock/ConnectionBlock.tsx b/airbyte-webapp/src/components/ConnectionBlock/ConnectionBlock.tsx
index a0f0c0c3407b..f28a7b061958 100644
--- a/airbyte-webapp/src/components/ConnectionBlock/ConnectionBlock.tsx
+++ b/airbyte-webapp/src/components/ConnectionBlock/ConnectionBlock.tsx
@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronRight } from "@fortawesome/free-solid-svg-icons";
 
 import ContentCard from "../ContentCard";
-import { ConnectionBlockItem } from "./components/ConnectionBlockItem";
+import { ConnectionBlockItem, Content } from "./components/ConnectionBlockItem";
 
 type IProps = {
   className?: string;
@@ -27,8 +27,8 @@ const Arrow = styled(FontAwesomeIcon)`
   color: ${({ theme }) => theme.primaryColor};
 `;
 
-const ExtraBlock = styled.div`
-  width: 257px;
+const ExtraBlock = styled(Content)`
+  background: none;
 `;
 
 const ConnectionBlock: React.FC<IProps> = (props) => (
diff --git a/airbyte-webapp/src/components/ConnectionBlock/components/ConnectionBlockItem.tsx b/airbyte-webapp/src/components/ConnectionBlock/components/ConnectionBlockItem.tsx
index 19a956cd74fd..b78794100af2 100644
--- a/airbyte-webapp/src/components/ConnectionBlock/components/ConnectionBlockItem.tsx
+++ b/airbyte-webapp/src/components/ConnectionBlock/components/ConnectionBlockItem.tsx
@@ -7,7 +7,7 @@ type IProps = {
   icon?: string;
 };
 
-const Content = styled.div`
+export const Content = styled.div`
   background: ${({ theme }) => theme.lightPrimaryColor};
   border-radius: 4px;
   width: 356px;