This unfortunately is a bit of a limitation of how we currently do layouts (CSS-driven, rather than Javascript). The group (Let’s call is Group A) is only 1 x row tall, however, the algorithm used to work out where to position the next group (Group B) places it next to your current group (Group A) because there are still 6 x columns of space available.
That next group (Group B) is significantly taller, and so the group after that (Group C) will be positioned below the bottom of Group B in terms of it’s y-position on the screen.
