From 500f90f4994e7ac6904482e54e2879abcf329206 Mon Sep 17 00:00:00 2001
From: Henry Fontanier <h.fontanier@gmail.com>
Date: Thu, 26 Oct 2023 10:27:12 +0200
Subject: [PATCH] fix: hide overflow in sparkle tree (#2267)

---
 sparkle/package-lock.json       | 4 ++--
 sparkle/package.json            | 2 +-
 sparkle/src/components/Tree.tsx | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index 63a9e686b291..5b98508b53d4 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.26",
+  "version": "0.2.27",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dust-tt/sparkle",
-      "version": "0.2.26",
+      "version": "0.2.27",
       "license": "ISC",
       "dependencies": {
         "@headlessui/react": "^1.7.17"
diff --git a/sparkle/package.json b/sparkle/package.json
index 10e2dfe0b26f..2475ec0e157d 100644
--- a/sparkle/package.json
+++ b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.26",
+  "version": "0.2.27",
   "scripts": {
     "build": "rm -rf dist && rollup -c",
     "build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",
diff --git a/sparkle/src/components/Tree.tsx b/sparkle/src/components/Tree.tsx
index d4b685fdd573..aa58aa4be840 100644
--- a/sparkle/src/components/Tree.tsx
+++ b/sparkle/src/components/Tree.tsx
@@ -26,7 +26,9 @@ export function Tree({ children, isLoading }: TreeProps) {
       <Spinner size="sm" />
     </div>
   ) : (
-    <div className="s-flex s-flex-col s-gap-1">{children}</div>
+    <div className="s-flex s-flex-col s-gap-1 s-overflow-hidden">
+      {children}
+    </div>
   );
 }