diff --git a/webapp/components/sidebar_header_dropdown.jsx b/webapp/components/sidebar_header_dropdown.jsx
index e0198ac0c2..a0a0205be8 100644
--- a/webapp/components/sidebar_header_dropdown.jsx
+++ b/webapp/components/sidebar_header_dropdown.jsx
@@ -11,6 +11,7 @@ import TeamStore from 'stores/team_store.jsx';
 import UserStore from 'stores/user_store.jsx';
 import WebrtcStore from 'stores/webrtc_store.jsx';
 import AboutBuildModal from './about_build_modal.jsx';
+import SidebarHeaderDropdownButton from './sidebar_header_dropdown_button.jsx';
 import TeamMembersModal from './team_members_modal.jsx';
 import UserSettingsModal from './user_settings/user_settings_modal.jsx';
 
@@ -454,17 +455,10 @@ export default class SidebarHeaderDropdown extends React.Component {
                 className='sidebar-header-dropdown'
                 pullRight={true}
             >
-                <a
-                    href='#'
-                    className='sidebar-header-dropdown__toggle'
+                <SidebarHeaderDropdownButton
                     bsRole='toggle'
                     onClick={this.toggleDropdown}
-                >
-                    <span
-                        className='sidebar-header-dropdown__icon'
-                        dangerouslySetInnerHTML={{__html: Constants.MENU_ICON}}
-                    />
-                </a>
+                />
                 <Dropdown.Menu>
                     <li>
                         <a
diff --git a/webapp/components/sidebar_header_dropdown_button.jsx b/webapp/components/sidebar_header_dropdown_button.jsx
new file mode 100644
index 0000000000..8f08c43c6d
--- /dev/null
+++ b/webapp/components/sidebar_header_dropdown_button.jsx
@@ -0,0 +1,29 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+
+import Constants from 'utils/constants.jsx';
+
+export default class SidebarHeaderDropdownButton extends React.PureComponent {
+    static propTypes = {
+        bsRole: React.PropTypes.oneOf(['toggle']).isRequired, // eslint-disable-line react/no-unused-prop-types
+        onClick: React.PropTypes.func.isRequired
+    };
+
+    render() {
+        return (
+            <a
+                href='#'
+                className='sidebar-header-dropdown__toggle'
+                onClick={this.props.onClick}
+            >
+                <span
+                    className='sidebar-header-dropdown__icon'
+                    dangerouslySetInnerHTML={{__html: Constants.MENU_ICON}}
+                />
+            </a>
+        );
+    }
+}
+