Box Score in Events page

I have the following issue:

If I add the box score to an events page, both teams line-up is nicely left and right beside each other.

See https://www.werderwarriorswuerzburg.de/wordpress/event/raba-leipzig-vs-hoffenheim/

But as soon as I add the Staff into the box score (the coaches in my case), the layout is putting them one below each other (see https://www.werderwarriorswuerzburg.de/wordpress/event/borussia-dortmund-vs-bayer-04/ )

Can I fix this somehow so that they are still beside each other?

I tried the following already to add to the CSS, but without success:

.sp-event-staff {
box-sizing: border-box;
width: 50%;
float: left;
clear: left;
padding-right: 10px;
}

.sp-event-staff:nth-child(2n) {
float: right;
clear: right;
padding-right: 0;
padding-left: 10px;
}

The page I need help with: [log in to see the link]