У меня есть 2 компонента , называемые 1) add-customer
2) edit-customer
Я отображаю эти два компонента в файле app.component.html , используяих соответствующие селекторы, как показано в приведенном ниже коде.
<app-add-customer></app-add-customer>
<app-edit-customer></app-edit-customer>
Здесь проблема заключается в том, что компонент edit-customer слегка перекрывает компонент add-customer , как показано наниже изображение.

Я думаю, что мне не хватает некоторых CSS, я пытался с position свойство, но по-прежнему нет результата. Вотссылка stackblitz .