title: Style the dropdown element of MUI Select
body: <p>I'm trying to customize the design (borders, radius border) of the drop-down element of the MUI <code>Select</code> component.</p>
  <p>The MUI documentation mentions various properties to override and style the various sub-components, but none for the drop-down itself. The reason for it might be that the drop down renders out of the root component, with position absolute relative to the page.</p>
  <p>Any idea how I can style the dropdown?
  Here is a screenshot of the current state of the component:</p>
  <p><a href="https://i.stack.imgur.com/Wa3w2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Wa3w2.png" alt="enter image description here" /></a></p>
  <p>I was able to customize the design of the input element of the MUI <code>Select</code> component</p>