Fixing staggered elements on preview

Hi everyone, very new to Bubble, so would appreciate the help

When I’m creating a chatroom page, the following is shown in the design tab (which looks fine to me):

Then when I load up the preview, I get the following result with the elements staggered horizontally:

Any ideas why it staggers like that, and how to fix it?


you can use responsive tab fro fixing this problem.
share you bubble editor url, i will show you

Okay, I see in the Responsive tab it looks staggered as well. Here is the URL

change this app to public, then only i will able to view.

Apologies, just set it to Public