<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">The ListItemText component should change colour when an override is applied</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Currently in order to override it I have to disable typography; is there any way to apply the color whilst maintaining the typography? I tried adding a Typography component as an element of the ListItemText but this doesn't work.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">See codesandbox here:</p>
<p dir="auto"><a href="https://codesandbox.io/s/2plyrzlvkp" rel="nofollow">https://codesandbox.io/s/2plyrzlvkp</a></p>
<p dir="auto">If you navigate to the demo.js you'll see the relevant code.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">If you look at the codepen, the third item has the color red applied, but the typography is lost due to typography being disabled. Another option is providing another MuiThemeProvider that is specific to that, but that seems less than ideal; I thought the purpose of overrides was to get around that issue?</p>
<p dir="auto">The reason this presents itself as an issue is when using the dark theme (set to light at present in the codesandbox), the ListItemText uses white for the font color, but since the background is also white you end up being unable to see the text.</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">It's all in the sandbox, using material ui next.</p>
<p dir="auto">I have a List that must be tightly packed. When I apply <code class="notranslate">dense</code> to it, it works great and displays just as I want. However, when I add  it seems to ignore the <code class="notranslate">dense</code> setting.</p>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto">I found this: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="206623482" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/6098" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/6098/hovercard" href="https://github.com/mui/material-ui/issues/6098">#6098</a> but its a general observation and I am its not clear if this is a bug that will get fixed, or this is just how things work.</p>
<p dir="auto">If its a bug, great, I'll wait for a fix. If it's not a bug, I would love a recommendation on how I can force the list to work as I was hoping.</p>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">That the row height would stay consistence no matter the controls used inside</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Here is a code sandbox that demos it;<br>
<a href="https://codesandbox.io/s/5kvvz6qw64" rel="nofollow">https://codesandbox.io/s/5kvvz6qw64</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">I have a list I need to be make selections in, but needs to take up much less room.</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>"material-ui": "^1.0.0-beta.21",</td>
</tr>
<tr>
<td>React</td>
<td>"react": "^16.1.0"</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome  62.0.3202.94</td>
</tr>
</tbody>
</table>