diff --git a/src/components/Layout/components/HeaderMenu/HeaderMenu.js b/src/components/Layout/components/HeaderMenu/HeaderMenu.js
index 4abc3cba2..167170b18 100644
--- a/src/components/Layout/components/HeaderMenu/HeaderMenu.js
+++ b/src/components/Layout/components/HeaderMenu/HeaderMenu.js
@@ -21,6 +21,10 @@ class HeaderMenu extends React.Component {
     this.setState({ menuVisible: false });
   }
 
+  onClick = () => {
+    this.setState({ menuVisible: !this.state.menuVisible });
+  }
+
   logout = (event) => {
     event.preventDefault();
     this.props.logout();
@@ -33,7 +37,7 @@ class HeaderMenu extends React.Component {
         onMouseEnter={ this.onMouseEnter }
         onMouseLeave={ this.onMouseLeave }
       >
-        <div className={ styles.content }>
+        <div className={ styles.content } onClick={ this.onClick }>
           { this.props.children }
         </div>
 
diff --git a/src/components/Layout/components/HeaderMenu/HeaderMenu.scss b/src/components/Layout/components/HeaderMenu/HeaderMenu.scss
index cf0882bd1..f910f428c 100644
--- a/src/components/Layout/components/HeaderMenu/HeaderMenu.scss
+++ b/src/components/Layout/components/HeaderMenu/HeaderMenu.scss
@@ -4,6 +4,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: pointer;
 
   min-height: 43px;
   min-width: 43px;