tailwind form elements need page refresh to apply utility styles

[dremsol]

Tailwind form elements are being normalized/reset on first page load. When refreshing page, utility styles are being applied.

I've replicated the issue in following repo. Please navigate to Forms page in header. This page contains a Unstyled Form which purely uses default styling after reset. the second form is an Styled Form. Please check the border color of styled form when focussed. After refreshing the page the styles are being applied.

Taking a look at #277 I think this issue is related.

[ben-rogerson]

Thanks for lodging this issue.

It looks like the same issue as #277 - I wish I had control over the global style ordering in styled-components.