Streaming live at 10am (PST)

Dropdown checkboxes div size mismatch on mobile

I have tried everything; meticulously gone through each element and div inside the dropdown but to no apparent avail. Everything looks deceivingly aligned in the Webflow designer for mobile but as soon as I check the published site on my phone the problem of misalignment takes effect.

As seen here, the problem is that the dropdown div block doesn’t align with the parent div above, so when clicking the dropdown toggle, the dropdown selection that expands below it is about 10px bigger to the left than the box above.

This issue only appears on mobile and I have checked the settings to make sure all elements have the same fixed width of 150px on mobile. The published desktop site looks perfectly aligned!

Please tell me where I’m doing wrong. I myself suspect a bug but perhaps I’m making embarrassing mistakes…