URL: https://authentification-candidat.pole-emploi.fr/connexion/XUI/?realm=%2Findividu&goto=https%3A%2F%2Fauthentification-candidat.pole-emploi.fr%3A443%2Fconnexion%2Foauth2%2Frealms%2Froot%2Frealms%2Findividu%2Fauthorize%3Frealm%3D%252Findividu%26response_type%3Did_token%2520token%26scope%3Dopenid%2520compteUsager%2520profile%2520contexteAuthentification%2520email%2520courrier%2520notifications%2520etatcivil%2520logW%2520individu%2520pilote%2520nomenclature%2520coordonnees%2520navigation%2520reclamation%2520prdvl%2520idIdentiteExterne%2520pole_emploi%2520suggestions%2520actu%2520application_USG_PN073-tdbcandidat_6408B42F17FC872440D4FF01BA6BAB16999CD903772C528808D1E6FA2B585CF2%26client_id%3DUSG_PN073-tdbcandidat_6408B42F17FC872440D4FF01BA6BAB16999CD903772C528808D1E6FA2B585CF2%26state%3Do5fgPFuQs1efwD5P%26nonce%3D-ipUcR1Zp92qSQPh%26redirect_uri%3Dhttps%253A%252F%252Fcandidat.pole-emploi.fr%252Fespacepersonnel%252F#login/

Browser / Version: Firefox 81.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:

1. Navigate to https://authentification-candidat.pole-emploi.fr/connexion/XUI/?realm=%2Findividu&goto=https%3A%2F%2Fauthentification-candidat.pole-emploi.fr%3A443%2Fconnexion%2Foauth2%2Frealms%2Froot%2Frealms%2Findividu%2Fauthorize%3Frealm%3D%252Findividu%26response_type%3Did_token%2520token%26scope%3Dopenid%2520compteUsager%2520profile%2520contexteAuthentification%2520email%2520courrier%2520notifications%2520etatcivil%2520logW%2520individu%2520pilote%2520nomenclature%2520coordonnees%2520navigation%2520reclamation%2520prdvl%2520idIdentiteExterne%2520pole_emploi%2520suggestions%2520actu%2520application_USG_PN073-tdbcandidat_6408B42F17FC872440D4FF01BA6BAB16999CD903772C528808D1E6FA2B585CF2%26client_id%3DUSG_PN073-tdbcandidat_6408B42F17FC872440D4FF01BA6BAB16999CD903772C528808D1E6FA2B585CF2%26state%3Do5fgPFuQs1efwD5P%26nonce%3D-ipUcR1Zp92qSQPh%26redirect_uri%3Dhttps%253A%252F%252Fcandidat.pole-emploi.fr%252Fespacepersonnel%252F#login/
2. Observe "Help" button.

Expected Behavior:
"Help" button is displayed correctly (after "Nom d'utilisateur" text).

Actual Behavior:
"Help" button is displayed misaligned.

Notes:

1. Screenshot attached.
2. The issue is not reproducible on Chrome 84.0.4147.105
3. The issue is reproducible on mobile layout also.

Affected area:

<a id="lienOuverturePopinAide" role="button" href="#" class="btn btn-icon-only btn-reset aide-connexion" style="display:flow;" data-tooltip="" data-placement="top" data-toggle="modal" data-target="#PopinHelp" data-original-title="Aide" onclick="tagDeNavigation(this, 'Ou_trouver_mes_identifiants')">
                <span class="icon-ask" aria-hidden="true"></span><span class="sr-only">Qu'est-ce que mon identifiant</span>
            </a>

Watchers:
@softvision-oana-arbuzov
@cipriansv

View the screenshot

From webcompat.com with ❤️