banner components do not neatly fit in their container

After adding a banner to the container on the home page, it extends to the left of the container. After adding a carousel, it extends a bit to the right. I would expect them to be aligned on the left side.

This is also visible on the live site.

This happens in all browsers.

Experienced this both with the freemarker and the jsp versions of the components.