Will /backport once accepted by reviews :)

/compile amend/

No visual change, gave the label input the corresponding styles that would accompany the change from h4 element 👍

I think we can make it plain text. It looks inconsistent now, not sure it was needed to be h4 with h4 styles. cc @szaimen

@Pytal Fixed! And styling should be the same - had to add high order specifiers with ID's and whatnot because Vue's default styling on their Select component was beating out most things I tried. This kept it pretty consistent:

I'd say we should to drop the custom select__label styles and set width: fit-content on the wrapper + min-width: 100% on the dropdown toggle to have the select and label be the same width

@nextcloud/designers for design input

Agreed, IMO I think that having the label be 900px wide but then having the select be way smaller is a bit weird. Will push this then try to see what the designers say. Here is how it looks like, for the @nextcloud/designers :

Agreed, IMO I think that having the label be 900px wide but then having the select be way smaller is a bit weird. Will push this then try to see what the designers say. Here is how it looks like, for the @nextcloud/designers :

Honestly from design perspective I'd say this detail doesnt really matter as there are many other things on this page that don't look visually perfect 😅🙈

/compile amend

/backport to stable28