Children have a div wrapper that causes UI issues

[SaraRavasio]

I'm passing a custom children component to the <MicrosoftLogin/>. The component is shown, but it's wrapped in an additional div that causes a UI break in my design. Is that div necessary? I now have to wrap it in an additional div where i set that all the divs should have width: 100%, but seems quite unnecessary to me.

On a side note, I also think the children prop should be optional.