From a6e0e750bf3ab91061374b81d4f8798650f76eca Mon Sep 17 00:00:00 2001
From: Nataly Merezhuk <65251165+natalyjazzviolin@users.noreply.github.com>
Date: Tue, 13 Sep 2022 15:19:00 -0400
Subject: [PATCH] Sets overflow to hidden to eliminate overlap of logs when
 expanding. (#16644)

---
 .../components/JobItem/components/ContentWrapper.module.scss   | 3 +++
 .../src/components/JobItem/components/ContentWrapper.tsx       | 3 +++
 2 files changed, 6 insertions(+)
 create mode 100644 airbyte-webapp/src/components/JobItem/components/ContentWrapper.module.scss

diff --git a/airbyte-webapp/src/components/JobItem/components/ContentWrapper.module.scss b/airbyte-webapp/src/components/JobItem/components/ContentWrapper.module.scss
new file mode 100644
index 000000000000..475385588f69
--- /dev/null
+++ b/airbyte-webapp/src/components/JobItem/components/ContentWrapper.module.scss
@@ -0,0 +1,3 @@
+.container {
+  overflow: hidden;
+}
diff --git a/airbyte-webapp/src/components/JobItem/components/ContentWrapper.tsx b/airbyte-webapp/src/components/JobItem/components/ContentWrapper.tsx
index 92c9c515ea5a..ee303163cde3 100644
--- a/airbyte-webapp/src/components/JobItem/components/ContentWrapper.tsx
+++ b/airbyte-webapp/src/components/JobItem/components/ContentWrapper.tsx
@@ -1,6 +1,8 @@
 import { motion } from "framer-motion";
 import React from "react";
 
+import styles from "./ContentWrapper.module.scss";
+
 interface IProps {
   children?: React.ReactNode;
   isOpen?: boolean;
@@ -10,6 +12,7 @@ interface IProps {
 const ContentWrapper: React.FC<IProps> = ({ children, isOpen, onToggled }) => {
   return (
     <motion.div
+      className={styles.container}
       animate={!isOpen ? "closed" : "open"}
       onAnimationComplete={onToggled}
       variants={{