How can I set height of Material-UI Tabs component?
<p>I'm trying to set the height of a <a href="http://www.material-ui.com/#/components/tabs" rel="nofollow">Material-UI Tabs component</a> to 32px. I know this isn't a great UX idea, but, I've explained that and the customer still wants it.</p>

<p>I tried setting the height on the Tabs component itself. Then on the Tab components inside it. The latter fixes the height to 32px, but the labels are too far down as there's an inner div that is (still) set to 48px.</p>

<p>The line in the <a href="https://github.com/callemall/material-ui/blob/master/src/Tabs/Tab.js" rel="nofollow">source</a> appears to be:</p>

<pre><code>height: (props.label &amp;&amp; props.icon) ? 72 : 48,
</code></pre>

<p>I can't work out how to override that inner div using the styles and themes exposed via Material-UI.</p>