Remove border from related merge requests/issues counter

app/assets/javascripts/related_merge_requests/components/related_merge_requests.vue

@@ -82,7 +82,7 @@ export default {
             {{ __('Related merge requests') }}
           </span>
           <div v-if="totalCount" class="d-inline-flex lh-100 align-middle">
-            <div class="mr-count-badge border-width-1px border-style-solid border-color-default">
+            <div class="mr-count-badge gl-display-inline-flex">
               <div class="mr-count-badge-count">
                 <svg class="s16 mr-1 text-secondary">
                   <icon name="merge-request" class="mr-1 text-secondary" />

app/assets/stylesheets/pages/issues/issue_count_badge.scss

 .issue-count-badge,
 .mr-count-badge {
-  display: inline-flex;
-  border-radius: $border-radius-base;
   padding: 5px $gl-padding-8;
 }
 

changelogs/unreleased/225965-move-counter-on-related-merge-requests-issues-into-a-badge.yml

+---
+title: Remove border from related merge requests/issues counter
+merge_request: 36272
+author:
+type: fixed

ee/app/assets/javascripts/related_issues/components/related_issues_block.vue

@@ -140,7 +140,7 @@ export default {
           </a>
           <div class="d-inline-flex lh-100 align-middle">
             <div
-              class="js-related-issues-header-issue-count related-issues-header-issue-count issue-count-badge mx-1 border-width-1px border-style-solid border-color-default"
+              class="js-related-issues-header-issue-count related-issues-header-issue-count issue-count-badge gl-display-inline-flex gl-mx-2"
             >
               <span class="issue-count-badge-count">
                 <icon :name="issuableTypeIcon" class="mr-1 text-secondary" />