diff --git a/app/assets/javascripts/issuable/popover/components/mr_popover.vue b/app/assets/javascripts/issuable/popover/components/mr_popover.vue
index e2c2181684f2b5e6c6e3078efb3453684a32eb40..80ae8ed8cf695b5543c85a6d7e1dee3e4e6374a8 100644
--- a/app/assets/javascripts/issuable/popover/components/mr_popover.vue
+++ b/app/assets/javascripts/issuable/popover/components/mr_popover.vue
@@ -96,14 +96,14 @@ export default {
       </gl-skeleton-loader>
       <div v-else-if="showDetails" class="d-flex align-items-center justify-content-between">
         <div class="d-inline-flex align-items-center">
-          <gl-badge class="gl-mr-3" :variant="badgeVariant">
+          <gl-badge class="gl-mr-2" :variant="badgeVariant">
             {{ stateHumanName }}
           </gl-badge>
           <span class="gl-text-secondary">
             {{ __('Opened') }} <time v-text="formattedTime"></time
           ></span>
         </div>
-        <ci-icon v-if="detailedStatus" :status="detailedStatus" />
+        <ci-icon v-if="detailedStatus" :status="detailedStatus" class="gl-ml-2" />
       </div>
       <h5 v-if="!$apollo.queries.mergeRequest.loading" class="my-2">{{ title }}</h5>
       <!-- eslint-disable @gitlab/vue-require-i18n-strings -->