From 014695b38a6301ff6964f38acddff1675e607fe9 Mon Sep 17 00:00:00 2001
From: imagineer99 <samleejackson0@gmail.com>
Date: Wed, 11 Mar 2026 11:26:43 +0000
Subject: [PATCH] fix: scope overflow-visible to studio collapsibles

---
 studio/frontend/src/components/ui/collapsible.tsx               | 2 +-
 .../frontend/src/features/studio/sections/dataset-section.tsx   | 2 +-
 studio/frontend/src/features/studio/sections/params-section.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/studio/frontend/src/components/ui/collapsible.tsx b/studio/frontend/src/components/ui/collapsible.tsx
index cce2aa04ae..9e5db0b16d 100644
--- a/studio/frontend/src/components/ui/collapsible.tsx
+++ b/studio/frontend/src/components/ui/collapsible.tsx
@@ -29,7 +29,7 @@ function CollapsibleContent({
     <CollapsiblePrimitive.CollapsibleContent
       data-slot="collapsible-content"
       className={cn(
-        "overflow-hidden data-[state=open]:overflow-visible data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up [--duration:150ms]",
+        "overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up [--duration:150ms]",
         className,
       )}
       {...props}
diff --git a/studio/frontend/src/features/studio/sections/dataset-section.tsx b/studio/frontend/src/features/studio/sections/dataset-section.tsx
index 4f20133b5c..2b0a506ef7 100644
--- a/studio/frontend/src/features/studio/sections/dataset-section.tsx
+++ b/studio/frontend/src/features/studio/sections/dataset-section.tsx
@@ -718,7 +718,7 @@ export function DatasetSection() {
               />
               Advanced
             </CollapsibleTrigger>
-            <CollapsibleContent className="mt-3">
+            <CollapsibleContent className="mt-3 data-[state=open]:overflow-visible">
               <div className="flex flex-col gap-4">
                 <div className="flex flex-col gap-2">
                   <span className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground">
diff --git a/studio/frontend/src/features/studio/sections/params-section.tsx b/studio/frontend/src/features/studio/sections/params-section.tsx
index 6928e4c4ea..b33c504485 100644
--- a/studio/frontend/src/features/studio/sections/params-section.tsx
+++ b/studio/frontend/src/features/studio/sections/params-section.tsx
@@ -487,7 +487,7 @@ export function ParamsSection(): ReactElement {
               />
               Training Hyperparameters
             </CollapsibleTrigger>
-            <CollapsibleContent className="mt-3">
+            <CollapsibleContent className="mt-3 data-[state=open]:overflow-visible">
               <Tabs defaultValue="optimization" className="w-full">
                 <TabsList className="w-full">
                   <TabsTrigger