diff --git a/app/assets/javascripts/ci/reports/components/report_section.vue b/app/assets/javascripts/ci/reports/components/report_section.vue
index 4a6a5e6e2216b0c209343effcaddcbbef4c64c2a..6f2f4c65ff47d2f0b510a4a3eab90bc699ac2c65 100644
--- a/app/assets/javascripts/ci/reports/components/report_section.vue
+++ b/app/assets/javascripts/ci/reports/components/report_section.vue
@@ -183,7 +183,7 @@ export default {
 </script>
 <template>
   <section class="media-section">
-    <div class="media">
+    <div class="gl-pl-5 gl-pr-4 gl-py-4 gl-display-flex">
       <status-icon :status="statusIconName" :size="24" class="align-self-center" />
       <div class="media-body gl-display-flex gl-align-items-flex-start gl-flex-direction-row!">
         <div class="js-code-text code-text gl-align-self-center gl-flex-grow-1">
diff --git a/app/assets/stylesheets/page_bundles/merge_requests.scss b/app/assets/stylesheets/page_bundles/merge_requests.scss
index 5c6c635ded8fe7eccb0eeeca9efddc2a79548a0b..b8b31dfcea5e9a7e3ce395b4bca6dcb30bf218f7 100644
--- a/app/assets/stylesheets/page_bundles/merge_requests.scss
+++ b/app/assets/stylesheets/page_bundles/merge_requests.scss
@@ -585,10 +585,6 @@ $tabs-holder-z-index: 250;
 
   .mr-report {
     padding: 0;
-
-    > .media {
-      padding: $gl-padding;
-    }
   }
 
   form {