<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">I am trying to override the Grid item style, specifically the padding, using the classes prop.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">They way the object key is generated for the grid item padding it makes it very difficult to override it.</p>
<h2 dir="auto">Context</h2>
 
<p dir="auto">I want to use the grid system to generate 2 rows AppBar. The padding of the Grid item makes the AppBar not resize in height as the standard AppBar would do when the width changes.</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>beta13</td>
</tr>
<tr>
<td>React</td>
<td>15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<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">When using the <code class="notranslate">Input</code> component with <code class="notranslate">multiline={true}</code> and <code class="notranslate">fullWidth={true}, the generated </code>MuiTextarea-root<code class="notranslate">component should have a</code>width<code class="notranslate">of</code>100%`.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">When using the <code class="notranslate">Input</code> component with <code class="notranslate">multiline={true}</code> and <code class="notranslate">fullWidth={true}</code>, the generated <code class="notranslate">MuiTextarea-root</code> doesn't have a <code class="notranslate">width</code> set up.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">set up a <code class="notranslate">div</code> container with an arbitrary width, insert an <code class="notranslate">Input</code> component with properties <code class="notranslate">fullWidth={true}</code> and <code class="notranslate">multiline={true}</code> and a <code class="notranslate">defaultValue</code> that is big enough.<br>
you will see that the text doesn't stretch to the width of the container.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">This problem happens because <code class="notranslate">width: 100%</code> is applied to <code class="notranslate">MuiInput-root</code> only, and not its descendant <code class="notranslate">MuiTextarea-root</code>.</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>latest</td>
</tr>
<tr>
<td>React</td>
<td>latest</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
</tbody>
</table>