Segmented control broken in the pipeline page

Summary

Segmented control component styling is broken. I noticed it in the pipeline page, but it looks the same in storybook.

The toggle label also got moved to the top of the toggle and used to be on the left, not sure if related to the above problem.

Steps to reproduce

Go to the pipeline page and check out the styling of the segmented control for toggling the graph view.

Example Project

For example, check out this pipeline page: https://gitlab.com/gitlab-org/gitlab/-/pipelines/415138794

What is the current bug behavior?

Segmented control component styling is broken. I noticed it in the pipeline page, but it looks the same in storybook.

The toggle label also got moved to the top of the toggle and used to be on the left, not sure if related to the above problem.

What is the expected correct behavior?

The focus shouldn't persist on both sides of the control. The "show dependencies" toggle label should be to the left from the toggle.

Relevant logs and/or screenshots

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)

Possible fixes

Switch the segmented control to use a Btn group instead