<p dir="auto">i have copied the code in the ”Usage“ part to my project，and i have imported the react.js and JSXTransformer.js in my project. But why there's no button appear in the browser?</p>
<p dir="auto">When I customized the <code class="notranslate">fontSize</code> of my <code class="notranslate">Input</code>s, side-by-side <code class="notranslate">Select</code> and <code class="notranslate">TextField</code> components became vertically misaligned by one pixel:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1448194/34787925-91e4a54c-f5fe-11e7-9dff-0110ca208c87.png"><img src="https://user-images.githubusercontent.com/1448194/34787925-91e4a54c-f5fe-11e7-9dff-0110ca208c87.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">The JSS for <code class="notranslate">Select</code> overrides the <code class="notranslate">height</code>, <code class="notranslate">lineHeight</code>, <code class="notranslate">paddingTop</code>, and <code class="notranslate">paddingBottom</code> of the <code class="notranslate">input-singleLine</code> class, wrecking the vertical alignment.  It seems to me all of the vertical sizing properties should match.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1448194/34788221-7e1a2040-f5ff-11e7-9ea3-aa91ac8216a5.png"><img src="https://user-images.githubusercontent.com/1448194/34788221-7e1a2040-f5ff-11e7-9ea3-aa91ac8216a5.png" alt="image" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1448194/34788226-829b17a0-f5ff-11e7-8e3f-1a0f98f60bcb.png"><img src="https://user-images.githubusercontent.com/1448194/34788226-829b17a0-f5ff-11e7-8e3f-1a0f98f60bcb.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">I will create a PR in a moment.</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/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"><code class="notranslate">Select</code> has same <code class="notranslate">height</code>, <code class="notranslate">lineHeight</code>, and vertical <code class="notranslate">padding</code> as <code class="notranslate">Input</code> by default.</p>
<h2 dir="auto">Current Behavior</h2>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<h4 dir="auto">Customize <code class="notranslate">Input</code> <code class="notranslate">fontSize</code>:</h4>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="theme.overrides = {
  MuiInput: {
    root: {
      fontSize: theme.typography.pxToRem(20),
    },
  },
}"><pre class="notranslate"><span class="pl-s1">theme</span><span class="pl-kos">.</span><span class="pl-c1">overrides</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
  <span class="pl-c1">MuiInput</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">root</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">fontSize</span>: <span class="pl-s1">theme</span><span class="pl-kos">.</span><span class="pl-c1">typography</span><span class="pl-kos">.</span><span class="pl-en">pxToRem</span><span class="pl-kos">(</span><span class="pl-c1">20</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span></pre></div>
<h4 dir="auto">Render a <code class="notranslate">Select</code> and a <code class="notranslate">TextField</code> side-by-side:</h4>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;table&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;Select value=&quot;default&quot;&gt;
          &lt;MenuItem value=&quot;default&quot;&gt;Select&lt;/MenuItem&gt;
        &lt;Select&gt;
      &lt;/td&gt;
      &lt;td&gt;
         &lt;TextField placeholder=&quot;TextField&quot; /&gt;
      &lt;/td&gt;
    &lt;tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-ent">table</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">tbody</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">tr</span><span class="pl-c1">&gt;</span>
      <span class="pl-c1">&lt;</span><span class="pl-ent">td</span><span class="pl-c1">&gt;</span>
        <span class="pl-c1">&lt;</span><span class="pl-ent">Select</span> <span class="pl-c1">value</span><span class="pl-c1">=</span><span class="pl-s">"default"</span><span class="pl-c1">&gt;</span>
          <span class="pl-c1">&lt;</span><span class="pl-ent">MenuItem</span> <span class="pl-c1">value</span><span class="pl-c1">=</span><span class="pl-s">"default"</span><span class="pl-c1">&gt;</span>Select<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">MenuItem</span><span class="pl-c1">&gt;</span>
        <span class="pl-c1">&lt;</span><span class="pl-ent">Select</span><span class="pl-c1">&gt;</span>
      <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">td</span><span class="pl-c1">&gt;</span>
      <span class="pl-c1">&lt;</span><span class="pl-ent">td</span><span class="pl-c1">&gt;</span>
         <span class="pl-c1">&lt;</span><span class="pl-ent">TextField</span> <span class="pl-c1">placeholder</span><span class="pl-c1">=</span><span class="pl-s">"TextField"</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
      <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">td</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">tr</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">tbody</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">table</span><span class="pl-c1">&gt;</span></pre></div>
<h2 dir="auto">Workaround</h2>
<p dir="auto">Use the following theme override:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="  MuiSelect: {
    // see https://github.com/mui-org/material-ui/issues/9826
    select: {
      padding: undefined,
      paddingRight: theme.spacing.unit * 4,
      height: undefined,
    },
    selectMenu: {
      lineHeight: undefined,
    },
  },"><pre class="notranslate">  <span class="pl-v">MuiSelect</span>: <span class="pl-kos">{</span>
    <span class="pl-c">// see https://github.com/mui-org/material-ui/issues/9826</span>
    <span class="pl-c1">select</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">padding</span>: <span class="pl-c1">undefined</span><span class="pl-kos">,</span>
      <span class="pl-c1">paddingRight</span>: <span class="pl-s1">theme</span><span class="pl-kos">.</span><span class="pl-c1">spacing</span><span class="pl-kos">.</span><span class="pl-c1">unit</span> <span class="pl-c1">*</span> <span class="pl-c1">4</span><span class="pl-kos">,</span>
      <span class="pl-c1">height</span>: <span class="pl-c1">undefined</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-c1">selectMenu</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">lineHeight</span>: <span class="pl-c1">undefined</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span></pre></div>
<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>1.0.0-beta.25</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63.0.3239.132</td>
</tr>
</tbody>
</table>