Deployment status badges are not displaying properly

Summary

Status badges on the deployments page are not displaying similar to other status badges throughout GitLab anymore.

Steps to reproduce

Open an environment detail page (example)
See badges being miscolored and displayed without a border.

Example Project

https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/environments/269942

What is the current bug behavior?

Badges are miscolored and displayed without a border

What is the expected correct behavior?

Badges are colored correctly with their status in mind and have a border similar to other status badges throughout of GitLab.

Relevant logs and/or screenshots

Before	After

Output of checks

Results of GitLab environment info

Expand for output related to GitLab environment info


(For installations with omnibus-gitlab package run and paste the output of:
`sudo gitlab-rake gitlab:env:info`)

(For installations from source run and paste the output of:
`sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)

Results of GitLab application Check

Expand for output related to the GitLab application check

(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)
(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)
(we will only investigate if the tests are passing)