Flowbite-injected CSS causes floating dropdown arrows in scrollable <select> elements

[aaronhendry]

When adding a scrollable select box, such as the following:

<select size=2 class="appearance-none">
  <option>2016</option>
  <option>2017</option>
  <option>2018</option>
</select>

a floating arrow appears in the middle of the select box. This should not happen. The only way to get rid of it, I believe, is to inject my own CSS overwriting this.

This can be easily reproduced on tailwind play: https://play.tailwindcss.com/sajBj88nsh