Display issue when using Claro and adding to multiple groups

Not an expert on flex / the front end - but claro was setting the field actions and form wrapper as display flex - when the form is rendered without first adding to the group the wrappers are just normal divs.

There is likely a more elegant way to style this when using flex - but given not all admin themes will be doing this, it seems safer to just set these back to block within the scope of the widget?

Not sure, it works on claro but I haven't tests on any other admin themes.

Thanks for the PR
I have tested it on a customer project. It works with the claro. I have replaced the css selector with genric one.

This was mostly working, but we're using autocomplete widget so I've modified the selector to also target the autocomplete widget as well. Additionally, I added an align-self to fix the group listing title to also be centered.