From 85adcc9be745375c8dc9758339e3579215fddfb0 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 12 Jun 2023 18:59:11 +0200
Subject: [PATCH] fix overflow for items array

---
 .../apps/editor/settingsPanel/ArrayStaticInputEditor.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
index 553b35f9d3..376e706126 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
@@ -136,11 +136,11 @@
 				on:finalize={handleFinalize}
 			>
 				{#each items as item, index (item.id)}
-					<div animate:flip={{ duration: flipDurationMs }} class="border-0 outline-none">
+					<div animate:flip={{ duration: flipDurationMs }} class="border-0 outline-none w-full">
 						<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 
-						<div class="flex flex-row gap-2 items-center relative my-1">
-							<div class="grow overflow-x-auto">
+						<div class="flex flex-row gap-2 items-center relative my-1 w-full">
+							<div class="grow min-w-0">
 								<SubTypeEditor {subFieldType} bind:componentInput bind:value={item.value} />
 							</div>
 							<div class="flex justify-between flex-col items-center">