From 828c86964da29b1a1094617c7fc0f98c4dbf9b3a Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sat, 3 Jun 2023 14:05:03 +1000
Subject: [PATCH] feat(ui): IAICustomSelect prevent label wrap

---
 .../web/src/common/components/IAICustomSelect.tsx  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/IAICustomSelect.tsx b/invokeai/frontend/web/src/common/components/IAICustomSelect.tsx
index 548b4d73e0..e7c7fd8f97 100644
--- a/invokeai/frontend/web/src/common/components/IAICustomSelect.tsx
+++ b/invokeai/frontend/web/src/common/components/IAICustomSelect.tsx
@@ -90,9 +90,20 @@ const IAICustomSelect = (props: IAICustomSelectProps) => {
             alignItems: 'center',
             userSelect: 'none',
             cursor: 'pointer',
+            overflow: 'hidden',
+            width: 'full',
           }}
         >
-          <Text sx={{ fontSize: 'sm', fontWeight: 500, color: 'base.100' }}>
+          <Text
+            sx={{
+              fontSize: 'sm',
+              fontWeight: 500,
+              color: 'base.100',
+              whiteSpace: 'nowrap',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+            }}
+          >
             {selectedItem}
           </Text>
         </Select>
@@ -105,7 +116,6 @@ const IAICustomSelect = (props: IAICustomSelectProps) => {
             sx={{
               ...floatingStyles,
               width: 'full',
-              // width: 'max-content',
               top: 0,
               left: 0,
               flexDirection: 'column',