diff --git a/frontend/src/components/file-chooser/repo-list-item.js b/frontend/src/components/file-chooser/repo-list-item.js
index 1794d5c1de..4dd43cb947 100644
--- a/frontend/src/components/file-chooser/repo-list-item.js
+++ b/frontend/src/components/file-chooser/repo-list-item.js
@@ -130,7 +130,7 @@ class RepoListItem extends React.Component {
   }
 
   onRepoItemClick = () => {
-    if (!this.isCurrentRepo() || this.refs.itemActive.className !== 'item-info item-active') {
+    if (!this.isCurrentRepo() || this.props.selectedPath !== '') {
       this.props.onRepoItemClick(this.props.repo);
     } else {
       this.onToggleClick();
@@ -152,7 +152,7 @@ class RepoListItem extends React.Component {
     return (
       <li className="file-chooser-item">
         <span className={`item-toggle fa ${this.state.isShowChildren ? 'fa-caret-down' : 'fa-caret-right'}`} onClick={this.onToggleClick}></span>
-        <span className={`item-info ${repoActive ? 'item-active' : ''}`} onClick={this.onRepoItemClick} ref='itemActive'>
+        <span className={`item-info ${repoActive ? 'item-active' : ''}`} onClick={this.onRepoItemClick}>
           <span className="icon far fa-folder"></span>
           <span className="name user-select-none ellipsis">{this.props.repo.repo_name}</span>
         </span>