'Pipeline status' and 'Coverage report' break out of page grid in project CI/CD settings page
Summary
When checking on CI/CD settings in a project, safari shows a visual artifact (scroll bar) because two sub-sections inside the 'General pipelines' section break through the page grid.
Steps to reproduce
Go to any project with CI/CD enabled, view the CI/CD settings page and expand the 'General pipelines section'.
What is the current bug behavior?
When browsing a project's CI/CD settings page I saw a visual artifact in safari 13.0.4 in form of a scrollbar:

At first I thought this was an issue with safari itself (and the effect may very well be) but found the actual cause when I expanded the section.
Both the 'Pipeline status' and 'Coverage report' sections break out of the page grid and are wider than their parent divs.
See the effect here:

This seems to be caused by a mixup in the template. In both sections, there is a <div class="row ..."> followed by a class of pipeline-status / coverage-report and then a class of col-lg-12.
This is the wrong way around. It should be <div class="row ..."> followed by col-lg-12 and then pipeline-status.
So it looks like this:
[...]
<div class="row prepend-top-default">
<div class="pipeline-status">
<div class="col-lg-12">
<h4>Pipeline status</h4>
<div class="card">
[...]
But it should look like this:
[...]
<div class="row prepend-top-default">
<div class="col-lg-12">
<div class="pipeline-status">
<h4>Pipeline status</h4>
<div class="card">
[...]
That makes me sad :(
What is the expected correct behavior?
When this is corrected, the sections do not break the grid anymore:

And, most importantly, I have no more visual artifact in safari:

That makes me happy :)
Output of checks
This bug happens on GitLab.com
Possible fixes
I couldn't for the life of me find the correct spot in the codebase that causes this.
The closest I could get is this template where the magic seems to happen. I'd love to learn how the affected code is generated. So I'll watch closely for a fix.