Long branch name when editing template file causes components to overflow

Summary

When editing a file on a branch with a very long name the template buttons for the file overflow and don't look the same

Steps to reproduce

  • Create a new project
  • Initialize with a .gitlab-ci.yml file or another template file
  • Create a new branch named pair1+pair2/some-changes-with-env-declare
  • Edit .gitlab-ci.yml

What is the current bug behavior?

Screenshot_2019-11-27_at_10.47.05

What is the expected correct behavior?

When editing the same file on master branch

Screenshot_2019-11-27_at_10.49.56

Relevant logs and/or screenshots

(Paste any relevant logs - please use code blocks (```) to format console output, logs, and code as it's tough to read otherwise.)

Output of checks

reproduced on GitLab.com v12.5.0

Possible fixes

(If you can, link to the line of code that might be responsible for the problem)