Radio button label empty string is getting translated to a character instead

[randimays]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

The radio buttons on https://www.va.gov/resources/decision-reviews-and-appeals/ have an Â character that should be a  . This search widget lives in vets-website here: https://github.com/department-of-veterans-affairs/vets-website/tree/main/src/applications/resources-and-support

I checked the markup for what is rendered for a label on the broken page and on the one that is working and they are identical, so this seems to be coming from style sheets:

This style block is where the character originates: https://github.com/department-of-veterans-affairs/component-library/blob/f86ab60d193e2a5e032ec25d7f6f5f0572ef451e/packages/css-library/src/stylesheets/formation-overrides/elements/inputs.scss#L214C3-L214C18

That code hasn't changed in 7 months, so our problem is likely somewhere downstream in vets-website and how it's handling that encoding.

❗ Even as I write this ticket, I'm noticing that sometimes the characters show up and sometimes they don't (on the same page, when reloading). I think this may be related to the breadcrumb issue we've seen where the > character is sometimes translated into something strange, and it may be hard to reproduce this at all.

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

[tbaker1026]

@randimays we are looking into this one, this sprint

[powellkerry]

@randimays I've tried to reproduce this on windows and edge, chrome, and safari. I believe this was resolved in Jami's PR: department-of-veterans-affairs/component-library#1989