title: Extra padding in select option element in chrome
body: <p>I have a select element where I enable users to choose the classification and description. In chrome browser only, I have an extra padding which I am not able remove with padding:0 or with other css tags. <a href="https://i.stack.imgur.com/m3iIb.png" rel="nofollow noreferrer">Screen from Chrome</a></p>
  
  <p>However, the same element in other browsers does not have any padding. See example screen from firefox.<a href="https://i.stack.imgur.com/PoyXd.png" rel="nofollow noreferrer">Screen from Firefox</a></p>
  
  <p>Any idea why this can be the case?</p>
  
  <p>Thank you</p>