Reduces CE to EE code differences

What does this MR do?

In EE with this change https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/7965/ it will render properly, however, the code won't be 100% equal to CE

This happens because in EE we have this extra CSS that was added to handle the EE code:

.mr-state-widget .media-section {
 border: 1px solid #e5e5e5;
 margin-bottom: -1px;
}

This code prevents this from happening:

In this MR, I moved the sections that need to be inside the mr-section-container and removed the extra CSS.

This now renders:

Does this MR meet the acceptance criteria?

• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides