[v4, core] alert message displays a "square" at the end of the message

Bug Report

Ionic Info

Ionic Core v4.0.0-beta.16

Describe the Bug I use an Alert from Ionic Core in a vanilla project and when the alert is displayed, it displays a “square” at the end of the message (see screenshot)

Steps to Reproduce Steps to reproduce the behavior:

1. https://deckdeckgo.com
2. click the “question mark” button in the bottom right fab list of actions

or

1. git clone http://github.com/fluster/deckdeckgo-website
2. cd deckdeckgo-website
3. npm install
4. npm start
5. open localhost:3000
6. click the “question mark” button in the bottom right fab list of actions

Related Code

presentAlert = async () => {
    const alertController = document.querySelector('ion-alert-controller');

    if (!alertController) {
        return;
    }

    await alertController.componentOnReady();

    const alert = await alertController.create({
        header: 'Hey!',
        subHeader: 'Nice to meet you',
        message: 'To navigate, just swipe the slides, use the left and right arrows keys of your keyboard or use the actions available at the bottom right.️',
        buttons: ['OK']
    });

    return await alert.present();
};

Expected Behavior No square displayed

Screenshot

[brandyscarney]

@peterpeterparker It’s okay! I didn’t see the square when I opened your demo but I noticed it in the HTML so I knew it was something weird going on. It happens. 🙂

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.