Sweet alert Content moves on hover in ie11

Question

gif of what is happening

The content of swal moves upward then down on hover, the title is set equal to a whitespace

<h2 class="swal2-title" id="swal2-title" style="display: flex;"></h2>

style in internet explorer

swal.fire({
            title: ' ',
            text: sText,
            showCancelButton: true,
            showConfirmButton: true,
            confirmButtonText: i18n.t('["GENERAL"]["BUTTON.CONFIRM"][0]'),
            cancelButtonText: i18n.t('["GENERAL"]["BUTTON.CANCEL"][0]'),
            confirmButtonColor: '#fe792c',
            reverseButtons: true
        }
)

Answer 1

instead of an empty space, I used '
' insted. that fixed the moving ui problem