From a954510d38ac761a5bc07bf39f53ba21776f612d Mon Sep 17 00:00:00 2001
From: Shibo Lyu <hi@lao.sb>
Date: Sat, 12 Apr 2025 03:48:15 +0800
Subject: [PATCH] fix: Text truncation in GroupedListItem component

---
 src/lib/components/GroupedList/GroupedListItem.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/GroupedList/GroupedListItem.svelte b/src/lib/components/GroupedList/GroupedListItem.svelte
index 6827b82..6f41873 100644
--- a/src/lib/components/GroupedList/GroupedListItem.svelte
+++ b/src/lib/components/GroupedList/GroupedListItem.svelte
@@ -27,9 +27,11 @@
 	{#if icon}
 		<Icon
 			src={icon}
-			class={tw('text-sf-secondary size-5', selected && 'dark:text-sf-primary text-white')}
+			class={tw('text-sf-secondary size-5 shrink-0', selected && 'dark:text-sf-primary text-white')}
 			mini
 		/>
 	{/if}
-	{@render children?.()}
+	<div class="min-w-0 truncate text-start">
+		{@render children?.()}
+	</div>
 </svelte:element>