Ионный модал и контент плохо отображаются

Я создал модальный компонент, но он хорошо отображает содержимое только при первом открытии. Последующие открытия модального окна не отображают содержимое правильно. Заголовок может быть скрыт, цвет шрифта изменен, весь контент может быть скрыт и т.д.

Я объявил это в модуле, который его открывает, и добавил его в entrycomponents. Может быть, css не загружается правильно.

Я использую ionic 5.6.5 и angular 11.

модуль, содержащий модальный компонент

@NgModule({
  declarations: [HomePage, AllordersComponent],
  imports: [
    IonicModule.forRoot(),
    CommonModule,
    FormsModule,
    HomePageRoutingModule
  ],
  entryComponents: [AllordersComponent]
})
export class HomePageModule {}

код для открытия модального окна

async openModal() {
    const modal = await this.modalCtrl.create({
        component: AllordersComponent
      });
      return await modal.present();
    }

код внутри модального компонента html

<ion-header>
  <ion-toolbar>
    <ion-title>
      Blank
    </ion-title>
  </ion-toolbar>
</ion-header>



<ion-content>
  <div id="container">
    <strong>Ready to create an app?</strong>
    <ion-button (click)="dismiss()">Close modal</ion-button>
  </div>
</ion-content>

код закрытия модального окна

async dismiss() {
    return await this.modalCtrl.dismiss();
  }

Также я заметил, что проблема с рендерингом возникает только в браузере Firefox.

Любая помощь приветствуется.