diff --git a/client/src/components/layouts/components/guide/NavPanel.js b/client/src/components/layouts/components/guide/NavPanel.js
index 6d57df984b..f2e271fbd8 100644
--- a/client/src/components/layouts/components/guide/NavPanel.js
+++ b/client/src/components/layouts/components/guide/NavPanel.js
@@ -42,17 +42,23 @@ class NavPanel extends Component {
 
     this.renderHeader = this.renderHeader.bind(this);
     this.handleHeaderClick = this.handleHeaderClick.bind(this);
+    this.handleTitleClick = this.handleTitleClick.bind(this);
     this.renderBody = this.renderBody.bind(this);
   }
 
   handleHeaderClick() {
     const { path, handleClick } = this.props;
     handleClick(path);
+  }
+
+  handleTitleClick() {
+    const { path, toggleDisplaySideNav } = this.props;
+    toggleDisplaySideNav();
     navigate(path);
   }
 
   renderHeader() {
-    const { isExpanded, title, toggleDisplaySideNav } = this.props;
+    const { isExpanded, title } = this.props;
     return (
       <div className='title' onClick={this.handleHeaderClick}>
         <span
@@ -60,7 +66,7 @@ class NavPanel extends Component {
             'caret ' + (isExpanded ? 'caretStyle expanded' : 'caretStyle')
           }
         />
-        <span onClick={toggleDisplaySideNav}>{title}</span>
+        <span onClick={this.handleTitleClick}>{title}</span>
       </div>
     );
   }