Buttons hiding when rendering two StyledFirebaseAuth components

I am using two StyledFirebaseAuth components, one for signing up and the other inside a modal for signing in. When the modal renders, the buttons in the modal (sign in with google, ms, email) disappear and render in the other StyledFirebaseAuth instead. When the modal closes, the buttons that had rendered behind the modal disappear.

Independently both these components work fine when they are not rendered simultaneously.

Are there known issues related to this?

I am wondering if I would be best off finding a way to stop rendering one component entirely when the other is being used

Start by reproducing the issue with two StyledFirebaseAuth components rendered at once, including one inside a modal. Inspect the StyledFirebaseAuth entry point and the FirebaseUI rendering behavior to identify why the buttons move between instances. Done means both components retain their own buttons when rendered simultaneously, with a regression test covering the modal case.

Written by the indexing model from the issue text.