diff --git a/src/components/appheader.main.jsx b/src/components/appheader.main.jsx
index 191994c1e..59cceb9fe 100644
--- a/src/components/appheader.main.jsx
+++ b/src/components/appheader.main.jsx
@@ -114,7 +114,7 @@ class AppHeaderMain extends React.Component {
 
         </div>
 
-        <div className="collapsable-container collapse collapsed">
+        <div className="collapsable-container collapse">
           <div className="mobile-search-container">
             <AppHeaderSearchMain isMobileView />
           </div>
diff --git a/src/components/appheadersearch.main.jsx b/src/components/appheadersearch.main.jsx
index 2bf2865d0..797c1e8e2 100644
--- a/src/components/appheadersearch.main.jsx
+++ b/src/components/appheadersearch.main.jsx
@@ -50,6 +50,7 @@ class AppHeaderSearchMain extends React.Component {
     const { history } = this.props;
     const { keywords } = this.state;
     if (keywords !== '') {
+      document.querySelector('.collapsable-container').classList.remove('show');
       history.push(`/search/${keywords}`);
     }
     event.preventDefault();