Почему мои angular материалы формы материала не отображаются правильно только в одном компоненте?

Question

Я разрабатываю веб-приложение, и внезапно входные данные материала формы перестали корректно отображаться только в одном компоненте:

Вот как они смотрят на другие компоненты (ожидаемый и правильный вывод):

Пример кода для вывода выше: Неверный вывод (первое изображение):

        <mat-form-field>
            <mat-label>Oggetto</mat-label>
            <input matInput placeholder="Oggetto" formControlName="oggetto">
        </mat-form-field>

пример кода для второго изображения (работает хорошо):

  <mat-form-field>
    <mat-label>Nome</mat-label>
    <input matInput placeholder="Nome" formControlName="name">
  </mat-form-field>

Обратите внимание, что консоль не показывает ошибок. Рад предоставить больше контекста, если это необходимо

Answer 1

Нашел ответ: я пытался установить overflow:hidden для тега html и случайно установил

  encapsulation: ViewEncapsulation.ShadowDom

для компонента. Я удалил эту строку, и теперь она снова работает.