title: Setting hovered style for material-ui IconButton
body: <p>According to React Material-UI docs, I have a prop <code>hoveredStyle</code> to work with: <a href="http://www.material-ui.com/#/components/icon-button" rel="nofollow noreferrer">http://www.material-ui.com/#/components/icon-button</a></p>
  
  <p>I want to use <code>IconButton</code> for two purposes:</p>
  
  <ol>
  <li>Utilize its <code>tooltip</code> prop for accessibility</li>
  <li>I can wrap Material-UI svg icons directly </li>
  </ol>
  
  <p>However, I don't want the cursor to change to a pointer when I hover (which is default behavior I believe), so I changed it like so.</p>
  
  <pre><code>import DeleteIcon from 'material-ui/svg-icons/action/delete
  
  const hoveredStyle = {
      cursor: 'initial'
  }
  
  render() {
      return (
          &lt;IconButton tooltip="Description here" hoveredStyle={hoveredStyle}&gt;
              &lt;DeleteIcon /&gt;
          &lt;/IconButton&gt;
      )
  }
  </code></pre>
  
  <p>This works fine, except that the split millisecond that I enter hover mode on the icon, I still see the default hand pointer before it gets set to the normal mouse pointer. How do I approach this?</p>