From 2681c7c97e3b97641e2c97c1e212ac489f847528 Mon Sep 17 00:00:00 2001
From: momo5502 <mauriceheumann@gmail.com>
Date: Sun, 10 Aug 2025 17:33:26 +0200
Subject: [PATCH] Overflow fix

---
 page/src/components/item-list.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/page/src/components/item-list.tsx b/page/src/components/item-list.tsx
index 855d7c63..a76b2916 100644
--- a/page/src/components/item-list.tsx
+++ b/page/src/components/item-list.tsx
@@ -34,14 +34,16 @@ export function ItemList(props: ItemListProps) {
         </p>*/}
       </div>
 
-      <div className="grid gap-2 overflow-auto max-h-40 mt-2 mb-2">
+      <div className="grid gap-2 overflow-auto overflow-x-hidden max-h-45 mt-2 mb-2">
         {props.items.map((item, index) => {
           return (
             <div
               key={`item-list-item-${index}-${item}`}
-              className="flex gap-3 items-center"
+              className="flex gap-3 items-center min-w-0"
             >
-              <Label className="flex-1 text-left">{item}</Label>
+              <Label className="flex-1 text-left truncate min-w-0">
+                {item}
+              </Label>
               <Button
                 onClick={() => removeItem(index)}
                 variant="ghost"