From 3bf7a31dc532bb961a7f0ee1958235c99cf11379 Mon Sep 17 00:00:00 2001
From: evavirseda <evirseda@boxfish.studio>
Date: Wed, 11 Oct 2023 16:12:08 +0200
Subject: [PATCH] fix: add max-width only when key and value

---
 packages/shared/components/SelectorInput.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/shared/components/SelectorInput.svelte b/packages/shared/components/SelectorInput.svelte
index 0cb77cc2eca..b0dc53587b6 100644
--- a/packages/shared/components/SelectorInput.svelte
+++ b/packages/shared/components/SelectorInput.svelte
@@ -92,7 +92,12 @@
                         on:click={() => onClick(option)}
                         class="w-full flex flex-row flex-1 justify-between items-center px-2 py-3 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-800 dark:hover:bg-opacity-20"
                     >
-                        <div class="flex flex-row gap-3 justify-start items-center flex-1 max-w-[50%] overflow-hidden">
+                        <div
+                            class="flex flex-row gap-3 justify-start items-center flex-1 overflow-hidden {option.value &&
+                            option.key
+                                ? 'max-w-[50%]'
+                                : ''}"
+                        >
                             <slot {option} {index}>
                                 <!-- Contains Custom Selector -->
                             </slot>