Wrong styling in the Email verification page

[lorenzo-cavazzi]

I was registering a new user on dev, ending up in the "Email verification" page that is not styled correctly

The relevant HTML code is

<div class="renku-login-card">
    <header class="login-pf-header">
      <h1 id="kc-page-title">        Email verification
      </h1>
    </header>
    <div id="kc-content">
      <div id="kc-content-wrapper">
        <div class="alert-warning pf-c-alert pf-m-inline pf-m-warning">
          <div class="pf-c-alert__icon">
            <span class="fa fa-fw fa-exclamation-triangle"></span>
          </div>
          <span class="pf-c-alert__title kc-feedback-text">You need to verify your email address to activate your account.</span>
        </div>
        <p class="instruction">An email with instructions to verify your email address has been sent to you.</p>
        <div id="kc-info" class="login-pf-signup">
          <div id="kc-info-wrapper" class="">
            <p class="instruction">
              Haven't received a verification code in your email?
              <br>
                <a href="https://dev.renku.ch/auth/realms/Renku/login-actions/required-action?session_code=Nl4y2ZEEnI4LrnoRqzqvtLGAw-Uge2VfTM-0v2YPhf8&amp;execution=VERIFY_EMAIL&amp;client_id=renku-ui&amp;tab_id=l5BG_QKDUpY">Click here</a> to re-send the email.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>