diff --git a/app/assets/javascripts/repo/index.js b/app/assets/javascripts/repo/index.js
index feba755af2d..67c03680fca 100644
--- a/app/assets/javascripts/repo/index.js
+++ b/app/assets/javascripts/repo/index.js
@@ -58,8 +58,7 @@ function initRepoEditButton(el) {
 
 function initRepoBundle() {
   const repo = document.getElementById('repo');
-  const editButton = document.getElementById('editable-mode');
-
+  const editButton = document.querySelector('.editable-mode');
   setInitialStore(repo.dataset);
   addEventsForNonVueEls();
   initDropdowns();
diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss
index a188c9cf4cb..4b6778af997 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/app/assets/stylesheets/pages/repo.scss
@@ -43,7 +43,7 @@
   @include str-truncated(250px);
 }
 
-#editable-mode {
+.editable-mode {
   display: inline-block;
 }
 
diff --git a/app/views/shared/repo/_editable_mode.html.haml b/app/views/shared/repo/_editable_mode.html.haml
index a265352cd81..73fdb8b523f 100644
--- a/app/views/shared/repo/_editable_mode.html.haml
+++ b/app/views/shared/repo/_editable_mode.html.haml
@@ -1,2 +1,2 @@
-#editable-mode
+.editable-mode
   %repo-edit-button