message: fix: adjust width for non multi select inputs
diff: @@ -257,12 +257,11 @@ export const DEFAULT_STYLES: PartialStylesConfig = {
  ],
  };
  -const inputTagStyles = {
  +const INPUT_TAG_BASE_STYLES = {
  background: 'none',
  border: 'none',
  outline: 'none',
  padding: 0,
  - width: '100%',
  };
  export type SelectComponentsType = Omit<
  @@ -323,14 +322,18 @@ export const DEFAULT_COMPONENTS: SelectComponentsType = {
  selectProps: { isMulti, value, placeholder },
  getStyles,
  } = props;
  - const isMultiWithValue = isMulti && Array.isArray(value) && value.length;
  + const isMultiWithValue = isMulti && Array.isArray(value) && !!value.length;
  return (
  <Input
  {...props}
  placeholder={isMultiWithValue ? placeholder : undefined}
  css={getStyles('input', props)}
  autocomplete="chrome-off"
  - inputStyle={inputTagStyles}
  + inputStyle={
  + isMultiWithValue
  + ? { ...INPUT_TAG_BASE_STYLES, width: '100%' }
  + : INPUT_TAG_BASE_STYLES
  + }
  />
  );
  },
  