Bad rendering of btn-outline-light under navbar-dark

[soullivaneuh]

With the following html code:

<header>
    <nav class="navbar navbar-dark bg-primary">
        <div class="container">
            <a class="navbar-brand" href="{{ path('homepage') }}">
                LintoCop
            </a>
            <a class="btn btn-outline-light"
               href="#"
            >Sign in</a>
        </div>
    </nav>
</header>

Hovering the button makes this:

I don't think this is the expected behavior. :-)

[andresgalante]

Hi @soullivaneuh I am confuse. I can't reproduce it. Here is your exact same code running on 4-beta:
https://codepen.io/andresgalante/pen/NaRMvN

[mdo]

Duplicate of #23351.