title: How to remove the padding of the indicatorContainer (first child of IndicatorsContainer)?
body: <p>I am trying to make the size of the react-select's Select component smaller. Everything works pretty well with one exception.</p>
  <p>The element whose padding I wish to remove has this class: <code>css-tlfecz-indicatorContainer</code> and is a subcomponent of the react-select <code>Select</code> component, more precisely, the subcomponent responsible of rendering the × sign for clearing the selection.</p>
  <p>I have tried putting this in the styles prop of the Select:</p>
  <pre class="lang-js prettyprint-override"><code>indicatorsContainer: (provided, state) =&gt; {
    return {
      ...provided,
      padding: '0px',
      paddingLeft: '0px',
      paddingTop: '0px',
      paddingRight: '0px',
      paddingDown: '0px',
    };
  },
  </code></pre>
  <p>But it does not work. I expected that there was an indicatorContainer styleable component, so that I do not have to override components with my own components, but I think this is the only way.</p>
  <p>A screenshot of how the Select looks like if I change the styles manually from the DevTools' Elements tab:</p>
  <p><a href="https://i.stack.imgur.com/MOvot.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MOvot.png" alt="screenshot" /></a></p>
  <p>There are no error messages.</p>
  <p>Thank you.</p>