Use grid and correct border radius for status badge

app/assets/stylesheets/framework/issue_box.scss

@@ -16,10 +16,10 @@
     margin-top: 5px;
   }
-  border-radius: 3px;
+  border-radius: $border-radius-default;
   display: block;
   float: left;
-  margin-right: 10px;
+  margin-right: $gl-padding-8;
   color: $white-light;
   font-size: $gl-font-size;
   line-height: $gl-line-height-24;

app/assets/stylesheets/pages/issuable.scss

@@ -682,8 +682,7 @@
   justify-content: center;
   align-items: center;
   margin-top: 0;
-  padding-left: 9px;
-  padding-right: 9px;
+  padding: 0 $gl-padding-8;
   @include media-breakpoint-up(sm) {
     display: inline-block;

changelogs/unreleased/fix-issue-mr-badge.yml

+---
+title: Use grid and correct border radius for status badge
+merge_request:
+author:
+type: other