diff --git a/front-ui/app/components/shared/menuItemListComponent.js b/front-ui/app/components/shared/menuItemListComponent.js
index 72d4d60..0983515 100644
--- a/front-ui/app/components/shared/menuItemListComponent.js
+++ b/front-ui/app/components/shared/menuItemListComponent.js
@@ -107,9 +107,9 @@ var MenuItemListComponent = React.createClass({
           </li>*/}
 
           {this.state.menuItems.map(function(menuItem) {
-            return <li className="mydropdown menu-large">
+            return <li className="mydropdown menu-large"  onMouseLeave={self.onMouseOut} onMouseOver={self.onMouseOver.bind(self, menuItem)}>
                 <a href="#" className="dropdown-toggle " id={menuItem.get('title').toLowerCase()} onClick={self.onMenuItemClick.bind(self, menuItem)} >{menuItem.get('title')}</a>
-            <ul className="dropdown-menu megamenu row">
+            <ul className={menuItem.get('id') !== self.state.hoveredMenuItem ? "hdropdown-menu megamenu row hide": "dropdown-menu megamenu row"}>
               {menuItem.get('menu_sub_items').map(function(menuSubItem) {
                 return (
                   <li className="col-sm-3" key={menuSubItem.id}>