From d1e56e79ff6a4886366292f1424a5e4560b5fab7 Mon Sep 17 00:00:00 2001
From: Jean <69065126+jfortez@users.noreply.github.com>
Date: Fri, 9 Oct 2026 22:04:17 -0500
Subject: [PATCH] fix(web): selected provider ring no longer clipped during
 panel resize (#17534)

---
 apps/web/src/components/AnimatedHeight.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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;
-- 
2.54.0