Filter and sort dropdown arrow and width

[glucinth]

May I ask for assistance please. On mobile view, inside a Collection, when I try to click "Filter and sort" you can see that the drop down arrow is between the white space and outline (crossing over) and the rectangle outline seems too small. Is there a way that I can put the drop down arrow inside the rectangle and make the rectangle wider? Thank you.

Current look:

If possible I want to make it like this one:

website link

[Dan-From-Ryviu · Accepted solution]

Hi @glucinth 

You can do that by adding this code to Online Store > Themes > Customize > Theme settings > Custom CSS

.mobile-facets__sort .select {
width: 75% !important;
}
.mobile-facets__sort .select .icon-caret {
    right: 15px !important;
}

 

[glucinth]

I am saved. Thank you so much @Dan-From-Ryviu!

[Dan-From-Ryviu]

You are very welcome!