Layout in dev mode and preview not the same

Hey everyone,
I am not sure why this is hapenning, how i see it and how it should act in dev mode is not the same when I preview it it keeps getting out of alignment for some reason.

Also how to do you cancel this annoying horizontal scroll bar ?
Many thanks.

@benp I personally dont use preview, I would sign in as a user and then exit debug mode for most accurate preview.

For the horizontal scroll, set your elements to fit width to content. Do not set min or max width on any of the elements.

If it still appearing it could be that your font-size needs to be reduced as well.

Thats great advise, I will use the actual version so more accurate, it still showed there as well I ended up remaking this list and it works so I guess it was a bug or something.