Template pages problem: "Event name" reference not centering correctly

I’ve created a template (Collections page) called “Events,” whose elements reference data the Events collection. On the pages, everything references nicely, except one thing: the Event Name (in Container 6). When I center one manually via padding, it throws the other pages off.

Below is the read-only link. If you navigate to the Collections page called “Events template,” and then jump around in the Items dropdown menu (from Ottawa to Costa Rica to Florida, etc), you’ll see how the Event Name is not properly centered.


How can I fix this?

Make Container 6 a flexbox. Set it to vertical. Then take off the left padding on Event Name.