title: Material Design Lite - Search bar in Nav header
body: <p>Ok so the issue is that when I load this - <a href="https://codepen.io/russellharrower/pen/aZmJya" rel="nofollow">https://codepen.io/russellharrower/pen/aZmJya</a> You will notice that the right side is not the same as the left. I am wondering how I would go about to correct this please.</p>
  
  <p>I need the right padding to be like the left.</p>
  
  <p></p>
  
  <pre><code>        &lt;div class="mdl-layout__header-row"&gt;
              &lt;!-- Title --&gt;
              &lt;span class="mdl-layout-title"&gt;IPET&lt;/span&gt;&lt;/span&gt;
              &lt;!-- Add spacer, to align navigation to the right --&gt;
              &lt;div class="mdl-layout-spacer"&gt;&lt;/div&gt;
              &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right"&gt;
                  &lt;label class="mdl-button mdl-js-button mdl-button--icon" for="fixed-header-drawer-exp"&gt;
                      &lt;i class="material-icons"&gt;search&lt;/i&gt;
                  &lt;/label&gt;
                  &lt;div class="mdl-textfield__expandable-holder"&gt;
                      &lt;input class="mdl-textfield__input" type="text" name="sample" id="fixed-header-drawer-exp" /&gt;
                  &lt;/div&gt;
  
          &lt;button id="demo-menu-lower-right"
                  class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"&gt;
            &lt;i class="material-icons"&gt;chat&lt;/i&gt;
          &lt;/button&gt;
          &lt;ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right"
              for="demo-menu-lower-right"&gt;
            &lt;li class="mdl-menu__item"&gt;Some Action&lt;/li&gt;
            &lt;li class="mdl-menu__item"&gt;Another Action&lt;/li&gt;
            &lt;li disabled class="mdl-menu__item"&gt;Disabled Action&lt;/li&gt;
            &lt;li class="mdl-menu__item"&gt;Yet Another Action&lt;/li&gt;
          &lt;/ul&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  
      &lt;/header&gt;
  </code></pre>