diff --git a/.changeset/seven-owls-hide.md b/.changeset/seven-owls-hide.md new file mode 100644 index 0000000000..633e818166 --- /dev/null +++ b/.changeset/seven-owls-hide.md @@ -0,0 +1,5 @@ +--- +'@commercetools-uikit/select-utils': patch +--- + +Updated `SelectInput` based components so the dropdown layer has a minimum width (`constraint 3`). \ No newline at end of file diff --git a/packages/components/inputs/select-utils/src/create-select-styles.ts b/packages/components/inputs/select-utils/src/create-select-styles.ts index 3d00887b15..2de44f5fdb 100644 --- a/packages/components/inputs/select-utils/src/create-select-styles.ts +++ b/packages/components/inputs/select-utils/src/create-select-styles.ts @@ -192,6 +192,7 @@ const menuStyles = (props: TProps) => (base: TBase) => { return base.borderColorForInput; })(), width: props.horizontalConstraint === 'auto' ? 'auto' : '100%', + minWidth: designTokens.constraint3, }; };