<p dir="auto">The descenders of letters are cut off in <code class="notranslate">TextField</code> when viewed in Firefox:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5354752/32858022-fa046710-ca17-11e7-9601-232d14f1b7d9.png"><img width="200" alt="image" src="https://user-images.githubusercontent.com/5354752/32858022-fa046710-ca17-11e7-9601-232d14f1b7d9.png" style="max-width: 100%;"></a><br>
(screenshot taken on the <a href="https://material-ui-next.com/demos/text-fields/" rel="nofollow">Text Fields demo page</a>)</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>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Letters should not be cut off in input fields.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Letters with descenders are cut off in input fields (in Firefox, not in Chrome).</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Type <code class="notranslate">jjyyqqpp</code> in a Material-UI text field in Firefox.</li>
<li>Observe that the bottoms of the letters are cut off.</li>
</ol>
<h2 dir="auto">Context</h2>
    
<p dir="auto"><a href="https://stackoverflow.com/questions/9900018/why-is-firefox-cutting-off-the-text-in-my-input-type-text" rel="nofollow">This StackOverflow question/answer</a> suggest changing the height of the input to match its line height. I see that the computed <code class="notranslate">line-height</code> is <code class="notranslate">21.5px</code>, so I changed my input's <code class="notranslate">height</code> to <code class="notranslate">21.5px</code> and it fixed the problem. I doubt that this is any more than a hack, though.</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>1.0.0-beta.20</td>
</tr>
<tr>
<td>React</td>
<td>16.1.0</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox 57.0</td>
</tr>
<tr>
<td>OS</td>
<td>MacOS 10.13.1</td>
</tr>
</tbody>
</table>
<p dir="auto">The latest release of Material-UI (v1.0.0-beta.9) doesn't render  correctly.</p>
<blockquote>
<p dir="auto">Error in ./node_modules/material-ui/Chip/Chip.js<br>
Module not found: Can't resolve '../svg-icons/Cancel'</p>
</blockquote>


<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>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">The material-ui page should compile correctly.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Compiling a component using Chip throws and error.</p>
<blockquote>
<p dir="auto">Error in ./node_modules/material-ui/Chip/Chip.js<br>
Module not found: Can't resolve '../svg-icons/Cancel'</p>
</blockquote>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Add Chip component to page</li>
<li>Start app</li>
<li>Exception is thrown</li>
</ol>
<h2 dir="auto">Context</h2>
    
<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>v1.0.0-beta.9</td>
</tr>
<tr>
<td>React</td>
<td>15.4.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>