diff --git a/app/assets/javascripts/DropDownMenu/MultiSelectDropDown.js b/app/assets/javascripts/DropDownMenu/MultiSelectDropDown.js
index 1f91a52341..7ca984faaa 100644
--- a/app/assets/javascripts/DropDownMenu/MultiSelectDropDown.js
+++ b/app/assets/javascripts/DropDownMenu/MultiSelectDropDown.js
@@ -75,6 +75,7 @@ export class MultiSelectDropdown extends React.Component {
         className="multiselect-dropdown"
         onClick={() => this.setState({expanded: !this.state.expanded})}
         data-testid={this.props.title}
+        tabIndex={-1}
         ref={this.dropdownRef}
       >
         <div className={"tags-box"} data-testid={"tags-box"}>
diff --git a/app/assets/javascripts/DropDownMenu/SingleSelectDropDown.js b/app/assets/javascripts/DropDownMenu/SingleSelectDropDown.js
index efc369bffb..9cf098a614 100644
--- a/app/assets/javascripts/DropDownMenu/SingleSelectDropDown.js
+++ b/app/assets/javascripts/DropDownMenu/SingleSelectDropDown.js
@@ -61,6 +61,7 @@ export class SingleSelectDropDown extends React.Component {
         className="singleselect-dropdown"
         onClick={() => this.setState({expanded: !this.state.expanded})}
         onBlur={() => this.setState({expanded: false})}
+        tabIndex={-1}
         data-testid={"dropdown"}
       >
         <a data-testid={"selection"}>{this.props.selected}</a>