flex box issue with messages on log in page

[jtauber]

[jtauber]

The issue is the incompatibility of

body.account {
    &.account-login,
    &.account-logout,
    &.account-signup,
    &.account-password-reset,
    &.account-email-confirmation {
        #content-body {
            @extend .d-flex;
            @extend .justify-content-center;
        }

in the account starter project with

{% block body_base %}
  <main>
    {% block content_left %}{% endblock %}
    <section id="content-section">
        <div id="content-body">
            {% block messages %}{% include "_messages.html" %}{% endblock %}
            {% block body %}{% endblock %}

in base.html here

[jtauber]

One solution might be to wrap the {% block body %}{% end block %} in another element and put any flex centering on that wrapper. rather than on #content-body.

For now the workaround is probably to just remove the SCSS in an individual project