title: Get rid of -webkit-padding-start: 40px
body: <p>I am working on adding a menu to a map. The menu is working fine except I noticed there is always a padding to the left no matter what CSS applied to the menu. The padding seems to be originated from (-webkit-padding-start: 40px;) and it does not want to go away. I tried to override it with <code>0 !important;</code> that didn't do anything.</p>
  
  <p>After Googling found this:</p>
  
  <p><a href="https://stackoverflow.com/questions/12549591/webkit-padding-start-40px-what-it-should-be-for-ie-and-firefox">-webkit-padding-start: 40px; What it should be for IE and Firefox?</a></p>
  
  <p>However could not find anything else on how to override or make this go away. I need to have items in the menu all the way to the left. </p>
  
  <p><img src="https://i.stack.imgur.com/BQ4CN.png" alt="enter image description here"></p>
  
  <p>Attached is a screenshot, green area is what I am talking about and under styles you can see -webkit-padding-start: 40px;</p>