Can't provide style for `indicatorContainer`

I can’t provide a style for indicatorContainer, (not to be confused with indicatorsContainer)

The element is also not listed under styles as being stylable, but it does contain styles (like padding and color), which I’m now unable to override.

const styles = {
  // this one works
  indicatorsContainer: (provided) => ({
    ...provided,
    color: 'red',
  }),

  // THIS IS THE BUGGING ONE
  indicatorContainer: (provided) => ({
    ...provided,
    color: 'blue',
  }),
};

<Select styles={styles} />

[acdvs]

A change needs to be made in the code and docs for this. Everything points to indicatorsContainer being the key to overriding this element right now. There’s a huge inconsistency.

[smeijer]

Thanks, @codeReader52! Looks like you’re right. I guess the change in naming convention threw me off.

This works just fine:

<Select
  styles={{
    dropdownIndicator: (provided) => ({
      ...provided,
      color: 'red',
      ':hover': {
        color: 'yellow',
      },
    }),
  }}
/>