Adujsted the height of milestone status on milestones list on mobile

app/assets/stylesheets/pages/milestone.scss

@@ -38,6 +38,11 @@
       font-size: $tooltip-font-size;
       margin-top: 0;
       margin-right: $gl-padding-4;
+
+      @include media-breakpoint-down(xs) {
+        line-height: unset;
+        padding: $gl-padding-4 $gl-input-padding;
+      }
     }
   }
 }

app/views/shared/_milestone_expired.html.haml

 - if milestone.expired? and not milestone.closed?
-  .status-box.status-box-expired Expired
+  .status-box.status-box-expired.append-bottom-5 Expired
 - if milestone.upcoming?
-  .status-box.status-box-mr-merged Upcoming
+  .status-box.status-box-mr-merged.append-bottom-5 Upcoming
 - if milestone.closed?
-  .status-box.status-box-closed Closed
+  .status-box.status-box-closed.append-bottom-5 Closed