Select Variation Popup – CAIO

Hello Villa Team,

I hope you are all well.

I have enabled the Select variation pop-up option under CAIO settings as shown here:

By default it shows this way as here:

Myself I added the below CSS rules to make everything centred as here:
.vi-wcaio-va-cart-form-wrap-wrap * {
text-align: center !important;
justify-content: center !important;
}

Until here everything looks really neat for the Button type variation swatches. The popup takes about 20-50% width on desktop depending on the screen size.

However, the HTML/CSS for the color type variation swatches are not displayed the same way as shown here:
The variation title and color variation swatches display inline, instead as column layout and also the popup takes about 70-90% width on desktop depending on the screen size.

I don’t think there is a conflict with anything on my site, but is rather something that needs improvement. Could you please have a look?

Kind regards,
Barnabas