Наконец-то нашел проблему.Это потому, что мое тело имело фиксированную ширину 980px и поле: 0 auto (для центрирования содержимого сайта).
В итоге я завернул свой элемент в <div id="appContainer"> и применил стили к этому div:
<body>
<div id="appContainer">
<app-root></app-root>
</div>
</body>
#appContainer {
height: 100%;
margin: 0 auto;
color:#444444;
max-width: 980px;
min-width: 400px;
}