Font is different than expected

[SpicoChicenk]

Describe the bug There is a different font to the dropdown choices than expected.

To Reproduce Steps to reproduce the behavior:

1. Click the dropdown
2. See the font is different
3. Select any product
4. The font changes to the expected font

Expected behavior The fonts should match.

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS] Windows 10 Pro
• Browser [e.g. chrome, safari] Mozilla Firefox
• Version [e.g. 22] 118.0.2

[MennoWemekamp]

I'll have to rework this when get around to refactoring the JS, potentially using a different methodology then <option> since I found this in the MDN documentation:

Styling the element is highly limited. Options don't inherit the font set on the parent. In Firefox, only color and background-color can be set, however in Chrome and Safari it's not possible to set any properties.

[MennoWemekamp]

Tested it on Vivaldi, Chrome, and Firefox. Firefox does not respond to setting a font for the <option> tag. While on Vivaldi and Chrome it inherits the font properly.