Fix Select input styling issue (#2819)

* fix(select-utils): fix select input styles issue * chore: changeset added
commercetools · May 20, 2024 · 3fa6bb7 · 3fa6bb7
1 parent d7ac138
commit 3fa6bb7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/shiny-insects-judge.md b/.changeset/shiny-insects-judge.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/select-utils': patch
+---
+
+Fixes an styling issue when the select input uses an icon and a long value.
diff --git a/packages/components/inputs/select-utils/src/create-select-styles.ts b/packages/components/inputs/select-utils/src/create-select-styles.ts
@@ -375,6 +375,7 @@ const placeholderStyles = (props: TProps) => (base: TBase) => {
 const valueContainerStyles = (props: TProps) => (base: TBase) => {
   return {
     ...base,
+    flexWrap: 'nowrap',
     padding: '0',
     backgroundColor: 'none',
     overflow: 'hidden',