title: Angular 2 Material 2 top navbar\toolbar
body: <p>I have the toolbar working but it leaves a gap around instead of smooth at the top of the page. </p>
  
  <p>Also I would like it to be sticky but have not yet worked on that part since it doesn't look like my toolbar implementation is a "header". What am I doing wrong or am I using the wrong component?</p>
  
  <p><a href="https://i.stack.imgur.com/Up0B0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Up0B0.png" alt="Toolbar with gaps"></a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;md-toolbar color="primary"&gt;
      &lt;i class="material-icons app-toolbar-menu"&gt;menu&lt;/i&gt;
      &lt;span class="app-toolbar-filler"&gt;&lt;/span&gt;
      &lt;md-sidenav&gt;
      &lt;/md-sidenav&gt;
  &lt;/md-toolbar&gt;
  </code></pre>