Fix arrow in setup connection flow (#7363)

airbytehq · Oct 26, 2021 · 002b62d · 002b62d
1 parent ed4afd9
commit 002b62d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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;