diff --git a/apps/web/src/components/AnimatedHeight.tsx b/apps/web/src/components/AnimatedHeight.tsx
index b6c5926ad7d128582df1eadd9a8215f7c855dc01..764ab5a48cb717da011d5918b987688bdc3271e8 100644
--- a/apps/web/src/components/AnimatedHeight.tsx
+++ b/apps/web/src/components/AnimatedHeight.tsx
@@ -80,11 +80,11 @@ export function AnimatedHeight({
   return (
     <div
       data-slot="animated-height"
-      className="transition-[height] duration-200 ease-out motion-reduce:transition-none"
+      className="transition-[height] duration-200 ease-out motion-reduce:transition-none [overflow-clip-margin:2px]"
       style={
         heightState.height === null
           ? undefined
-          : { height: heightState.height, overflow: heightState.isClipping ? "hidden" : "visible" }
+          : { height: heightState.height, overflow: heightState.isClipping ? "clip" : "visible" }
       }
       onTransitionEnd={(event) => {
         if (event.target !== event.currentTarget || event.propertyName !== "height") return;