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={{