Dropdown element arrow to use right padding value

Bubble development made another oversight when implementing a custom image as the dropdown elements arrow to help with cross browser compatibility.

I added an idea to ideaboard, which I’m sure had been added more than a year ago as well when flexbox responsive first came out and users highlighted this same issue.

Drop down arrow in the dropdown element looks terrible since it has no padding from the right side of the dropdown element. Clearly an oversight on development part that the custom image used for the dropdown arrow by Bubble does not utilize in the CSS applied a right margin equal to the right padding value set on it’s parent container, being the dropdown element itself.

Please fix as this issue had been reported since the flexbox responsive system was introduced over a year ago.

Please upvote HERE if you also want to see a better looking dropdown element in your apps.

1 Like