The dropdown chevrons in the drupal admin pages are wide in DEV and TEST and big in PROD

[david-fong-bc]

Describe the bug

The dropdown chevrons in the drupal admin pages are wide in DEV and TEST and big in PROD. They appear normal briefly on page load, and then squickly switch to this stretched appearance.

To reproduce

Some example pages:

• https://dev.cat.data.fin.gov.bc.ca/admin/people
  

• https://dev.cat.data.fin.gov.bc.ca/admin/content
  

• https://test.cat.data.fin.gov.bc.ca/admin/config/user-interface/taxonomy-manager-settings
  

• https://cat.data.fin.gov.bc.ca/admin/content
  

Additional context

A bit of preliminary detective work:

I think #2 in the screenshot above is from the styling rule that looks "normal", and #1 is from the styling rule that looks stretched out. Note how #1 is from a <style> tag. I can see that on page reload, that <style> rule doesn't exist, and then once it exists, the appearace changes.

[NicoledeGreef]

Interesting - I don't see the chevrons represented that way. Here is Prod:

What browser/version are you using? Can you please check again and see if this issue persists today?

[david-fong-bc]

Good questions, and apologies! This only happens when I enable the "Dark Reader" browser extension, so I wouldn't consider this a bug with FDC. If anything, I think it's a potential bug with the Dark Reader extension when it touches the background CSS property.

I'll keep in mind to test without extensions when I encounter potential bugs in the future :)