title: Unable to change MUI table padding
body: <p>I am using the <code>Table</code> component from the <code>react</code> library <code>material-ui</code>.<br/>
  For some reason, each row, including the header, has a <code>24px</code> padding, top and bottom, which I can't override.<br/>
  I already tried changing the style on all the underlying components with no success. Here is the code:</p>
  <pre><code>&lt;Table&gt;
      &lt;TableHeader adjustForCheckbox={false} displaySelectAll={false} fixedHeader={true}&gt;
          &lt;TableRow&gt;
              &lt;TableHeaderColumn&gt;id&lt;/TableHeaderColumn&gt;
              &lt;TableHeaderColumn&gt;name&lt;/TableHeaderColumn&gt;
              &lt;TableHeaderColumn&gt;number&lt;/TableHeaderColumn&gt;
          &lt;/TableRow&gt;
      &lt;/TableHeader&gt;
      &lt;TableBody showRowHover={true} displayRowCheckbox={false}&gt;
          {data.map(item =&gt; {
              return (
                  &lt;TableRow key={item.id}&gt;
                      &lt;TableRowColumn&gt;{item.id}&lt;/TableRowColumn&gt;
                      &lt;TableRowColumn&gt;{item.name}&lt;/TableRowColumn&gt;
                      &lt;TableRowColumn&gt;{item.number}&lt;/TableRowColumn&gt;
                  &lt;/TableRow&gt;
              );
          })}
      &lt;/TableBody&gt;
  &lt;/Table&gt;
  </code></pre>
  <p>Any idea how which component's style needs to be changed in order to override this styling?</p>