Angular 2 Material 2 top navbar oolbar

Question

I have the toolbar working but it leaves a gap around instead of smooth at the top of the page. 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? ```

```

Accepted Answer

The accepted other answer seems kind of hacky, since your toolbar isn't really a sidenav. Here's a better way to do it. In `styles.css`, set: ``` body { margin: 0; } ``` However, this also gets rid of the margins for the rest of the HTML. If you do not want this, wrap the rest of the HTML in a `

` and add a margin to that.

Angular 2 Material 2 top navbar\toolbar

Solution

Problem