diff --git a/app/assets/stylesheets/framework/typography.scss b/app/assets/stylesheets/framework/typography.scss
index 7c152efd9c775d9b7e0a1847982ca4556e4e1014..9e1431963d9f744d7bcfc3b6952aa80383d55b9a 100644
--- a/app/assets/stylesheets/framework/typography.scss
+++ b/app/assets/stylesheets/framework/typography.scss
@@ -403,6 +403,7 @@ code {
 
 .git-revision-dropdown .dropdown-content ul li a {
   @extend .ref-name;
+  word-break: break-all;
 }
 
 /**
diff --git a/changelogs/unreleased/62154-fe-create-fix-long-branch-name-in-dropdown.yml b/changelogs/unreleased/62154-fe-create-fix-long-branch-name-in-dropdown.yml
new file mode 100644
index 0000000000000000000000000000000000000000..1d951c1dc243a42f3ab264d126560f9191e573b0
--- /dev/null
+++ b/changelogs/unreleased/62154-fe-create-fix-long-branch-name-in-dropdown.yml
@@ -0,0 +1,6 @@
+---
+title: Add support to view entirety of long branch name in dropdown instead of it
+  being cut off
+merge_request: 29069
+author:
+type: fixed