title: How to overwrite specific style in material ui component
body: <p>I'm using  component from MUI,
  when I use dev tools I can see it has those styles:</p>
  
  <pre><code>.MuiList-padding {
      padding-top: 8px;
      padding-bottom: 8px;
  }
  </code></pre>
  
  <p>I wish to remove the padding, but I can't get it to work,
  I tried </p>
  
  <pre><code>  &lt;Menu
          id="simple-menu"
          anchorEl={anchorEl}
          keepMounted
          open={Boolean(anchorEl)}
          onClose={closeMenu}
          styles={{MuiList:{{padding:none}}}} 
        &gt;
          &lt;somecomponent/&gt;
        &lt;/Menu&gt;
  </code></pre>
  
  <p>but no luck, any ideas?</p>