Increase padding around form input field arrow

[Steve-K (Steve)]

I’d like to add more padding to the right of the drop down arrow:

---

Here is my site Read-Only: https://preview.webflow.com/preview/propertydevelopmentinstitute?utm_medium=preview_link&utm_source=designer&utm_content=propertydevelopmentinstitute&preview=d4b658e1fdfd7cd82955c5bae2850e41&pageId=62be5ba12b9c808345667295&itemId=62be5d4592bc9e22eba10985&workflow=preview

[Tom_R (Tom Rago)]

Hey Steve, I’m having the same issue. Did you find a solution?

[choreus (Julian)]

Hey @Steve-K and @Tom_R, check out this thread from 2018. Wrapping the select element with a div allows you to add padding on the left and right. This doesn’t solve the dropdown default styling though.

A more current and flexible solution would be using Custom Form Select from @Finsweet allowing you to design according to your needs while still being accessible.