typescript - Hoe css-bestanden van SweetAlert 2 te bewerken

Hallo, ik gebruik SweetAlert 2 om enkele waarschuwingen aan een project te tonen.

Het zou er zo uit moeten zien

maar het doet het zo

En het is vanwege deze stijl. De stijl staat ingesteld op automatisch. Wanneer ik de css-waarde uitschakel in Inspect/Styles werkt de swal prima.

body.swal2-height-auto {
    height: auto !important;
}

Ik heb geprobeerd deze regel in het css-bestand van de plugin sweetalert2.css te bewerken om de hoogte op 100% te zetten

body.swal2-height-auto {
  height: 100% !important;
}

of voeg een showClass toe aan ts functie

const steps = ['1', '2', '3']
        const swalQueueStep = Swal.mixin({
          customClass: {
            container: 'container--modifier',
          },
          confirmButtonText: 'Forward',
          cancelButtonText: 'Back',
          progressSteps: steps,
          input: 'text',
          reverseButtons: true,
          validationMessage: 'This field is required'
        })

global.scss

.container--modifier{
    height:100%!important
  }

Ik heb het bestand opgeslagen, maar de wijzigingen zijn niet gecommit. Iemand hulp?