title: How to fix overflow of a dropdown?
body: <p>I've 3 dropdowns. The options are coming well for the first dropdowns but the options for the last dropdown is kind of messy.</p>
  
  <p><a href="https://i.stack.imgur.com/lyLYK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lyLYK.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my css </p>
  
  <pre><code> select option {
          background: #E6EABF;
          color: #000000;
          overflow-y: scroll;
          z-index: 100;
  
   }
  </code></pre>
  
  <p>Please the last one is a multi-select dropdown.</p>
  
  <p>Any kind of help is appreciated!</p>