Как управлять пространством между компонентами в угловых

Question

Вопрос обновлен *

У меня есть следующая страница, и я хочу удалить пробел между navbar и «Добавить новый набор» Я использую шаблон от https://bootswatch.com/4/flatly/bootstrap.css

В угловых я их как отдельные компоненты:

<div>
  <app-navbar></app-navbar>
  <app-new-set></app-new-set>
</div>

Компонент navbar:

<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
  <div class="container">
    ...
  </div>
</div>

Компонент добавления набора:

<div class="container">
  <h4 align="center">Add new set</h4>
  <div class="row">
   ...
  </div>
</div>

Когда я проверял с помощью devtools, он не показывает, откуда это пространство, он не исходит от компонентов.