Table element misaligned separators

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?

It’s usually caused by one of three hidden layout issues:

  1. A parent group using “Align to parent” or fixed layout — this creates unexpected spacing in responsive mode.

  2. A hidden margin or min-width on the element or its parent container. (most likely)

  3. 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.

This topic was automatically closed after 70 days. New replies are no longer allowed.