Fix focus on page load

2 files changed, 2 insertions, 2 deletions

diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js
index 991ef5b..a124b21 100644
--- a/src/client/react/components/container/Search.js
+++ b/src/client/react/components/container/Search.js
@@ -155,7 +155,7 @@ class Search extends React.Component {
               />
             </div>
             <input
-              id="search__input"
+              id="searchInput"
               onChange={event => dispatch({ type: 'SEARCH/INPUT_CHANGE', searchText: event.target.value })}
               onKeyDown={this.onKeyDown}
               value={searchText}
diff --git a/src/client/react/index.js b/src/client/react/index.js
index 95cf2ab..2443ced 100644
--- a/src/client/react/index.js
+++ b/src/client/react/index.js
@@ -63,4 +63,4 @@ ReactDOM.render(
 
 // We only want to focus the input on page load. NOT on a in-javascript
 // redirect. This is because that is when people usually want to start typing.
-document.querySelector('.search input').focus();
+document.querySelector('#searchInput').focus();