diff --git a/src/components/Card.css b/src/components/Card.css
index 2d42377b..d0c6a631 100644
--- a/src/components/Card.css
+++ b/src/components/Card.css
@@ -18,6 +18,10 @@
   max-width: 100%;
 }
 
+.card-wrapper.overflow-hidden {
+    overflow: hidden;
+}
+
 @media screen and (max-width: 700px) {
     .card {
         margin: 0;
diff --git a/src/components/Card.js b/src/components/Card.js
index 1df754e0..ba623d38 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -1,28 +1,28 @@
-import React from 'react'
-import './Card.css'
-
-// fullWidth: boolean
-// show: boolean
-// doTransition: boolean
-export function Card(props) {
-
-    const [showing, setShowing] = React.useState(false);
-    const measureRef = React.useRef(null)
-    const [height, setHeight] = React.useState(0);
-
-    React.useEffect(() => {
-        if (!measureRef?.current) return;
-        setShowing(props.show);
-        setHeight(measureRef.current.clientHeight)
-    }, [props.show, measureRef])
-
-    return (
-        <div className={`card-wrapper ${ props.fullWidth ? 'full' : '' }`} style={{
-            height: props.doTransition ? (showing ? height : 0) : "initial",
-        }}>
-            <div className={`card ${ showing ? 'show' : '' } ${ props.doTransition ? 'doTransition' : '' }`} ref={measureRef}>
-                {props.children}
-            </div>
-        </div>
-    )
-}
+import React from 'react'
+import './Card.css'
+
+// fullWidth: boolean
+// show: boolean
+// doTransition: boolean
+export function Card(props) {
+
+    const [showing, setShowing] = React.useState(false);
+    const measureRef = React.useRef(null)
+    const [height, setHeight] = React.useState(0);
+
+    React.useEffect(() => {
+        if (!measureRef?.current) return;
+        setShowing(props.show);
+        setHeight(measureRef.current.clientHeight)
+    }, [props.show, measureRef])
+
+    return (
+        <div className={`card-wrapper ${ props.fullWidth ? 'full' : '' } ${ props.doTransition ? 'overflow-hidden' : '' }`} style={{
+            height: props.doTransition ? (showing ? height : 0) : "initial",
+        }}>
+            <div className={`card ${ showing ? 'show' : '' } ${ props.doTransition ? 'doTransition' : '' }`} ref={measureRef}>
+                {props.children}
+            </div>
+        </div>
+    )
+}