The background color of the Sort button matches the color of the text

[century]

The background color of the sort button matches the color of the text and cannot be read. I use a dark background and the text is white. The problem seems to be only in the case of the dropdown button for “Sort by”. On the product page, the dropdown buttons work correctly.

Collection page

Product page

I found similar discussions, but the methods in those topics did not work in my case. I use Dawn theme

[oscprofessional]

@century

Send the store URL please…

[DelightCart]

@century Can you please send me store url?

[Zworthkey]

@century

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

[century]

https://vikingscentury.myshopify.com/

[century]

Thank you for the reply!
https://vikingscentury.myshopify.com/
Password: twohnt

[eFoli-Marvic]

@century Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

[oscprofessional]

@century ,

.facet-filters__field option {
    background: #000;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[century]

.facet-filters__field option {
    background: #000;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

---

It works. Thank you so much for the help!

[PS_Jerry]

You are a savior. I was so frustrated as I tried so many different ways but now all is finally good. I am so glad I found the solution here. Thank you!

[Darklydesigned]

This worked for me! Thank you so much!