diff --git a/app/assets/javascripts/protected_branches/protected_branch_access_dropdown.js b/app/assets/javascripts/protected_branches/protected_branch_access_dropdown.js
index 0b29b365da8..38b1406a99f 100644
--- a/app/assets/javascripts/protected_branches/protected_branch_access_dropdown.js
+++ b/app/assets/javascripts/protected_branches/protected_branch_access_dropdown.js
@@ -5,12 +5,12 @@ export default class ProtectedBranchAccessDropdown {
   }
 
   initDropdown() {
-    const { onSelect } = this.options;
-    this.options.$dropdown.glDropdown({
-      data: this.options.data,
+    const { $dropdown, data, onSelect } = this.options;
+    $dropdown.glDropdown({
+      data,
       selectable: true,
-      inputId: this.options.$dropdown.data('input-id'),
-      fieldName: this.options.$dropdown.data('field-name'),
+      inputId: $dropdown.data('input-id'),
+      fieldName: $dropdown.data('field-name'),
       toggleLabel(item, $el) {
         if ($el.is('.is-active')) {
           return item.text;