Facing a strange issue, I checked padding, no padding is applied anywhere but my preview has this weird misalignment:
Anyone know how to fix this?
Anyone know how to fix this?
It’s usually caused by one of three hidden layout issues:
-
A parent group using “Align to parent” or fixed layout — this creates unexpected spacing in responsive mode.
-
A hidden margin or min-width on the element or its parent container. (most likely)
-
The container not being set to “container layout → row/column”, so Bubble auto-adds space.
Switch the parent group to Row/Column layout, set min-width to 0, and check for margins on both the element and its parent. Refresh the responsive editor—misalignment usually disappears.