This ticket is a result of spike #3172 and aims to address a performance testing issue.
Testing found that utility classes, along with their separate media queries, were adding too much bloat to the CSS.
Suggested solution
Add !important for single-purpose utility classes e.g. setting a color, margin or padding, to ensure these styles take precedence and are applied as intended.
Background
This ticket is a result of spike #3172 and aims to address a performance testing issue.
Testing found that utility classes, along with their separate media queries, were adding too much bloat to the CSS.
Suggested solution
Add !important for single-purpose utility classes e.g. setting a color, margin or padding, to ensure these styles take precedence and are applied as intended.