diff --git a/src/app/theme/components/baMenu/baMenu.component.ts b/src/app/theme/components/baMenu/baMenu.component.ts
index c0941e03..c20f2756 100644
--- a/src/app/theme/components/baMenu/baMenu.component.ts
+++ b/src/app/theme/components/baMenu/baMenu.component.ts
@@ -27,6 +27,7 @@ export class BaMenu {
   public hoverElemHeight:number;
   public hoverElemTop:number;
   protected _onRouteChange:Subscription;
+  public outOfArea:number = -200;
 
   constructor(private _router:Router, private _service:BaMenuService) {
 
diff --git a/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.component.ts b/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.component.ts
index 9cfd1017..46fc3a7f 100644
--- a/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.component.ts
+++ b/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.component.ts
@@ -1,4 +1,4 @@
-import {Component, ElementRef, HostListener, ViewEncapsulation, Input, Output, EventEmitter} from '@angular/core';
+import {Component, ViewEncapsulation, Input, Output, EventEmitter} from '@angular/core';
 
 @Component({
   selector: 'ba-menu-item',
@@ -16,11 +16,6 @@ export class BaMenuItem {
   @Output() itemHover = new EventEmitter<any>();
   @Output() toggleSubMenu = new EventEmitter<any>();
 
-  public outOfArea:number = -200;
-
-  public ngOnInit():void {
-  }
-
   public onHoverItem($event):void {
     this.itemHover.emit($event);
   }
diff --git a/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.html b/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.html
index f4de6762..2ecbffe7 100644
--- a/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.html
+++ b/src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.html
@@ -1,7 +1,7 @@
 <li [ngClass]="{'al-sidebar-list-item': !child, 'ba-sidebar-sublist-item': child, 'selected': menuItem.selected && !menuItem.expanded, 'with-sub-menu': menuItem.children, 'ba-sidebar-item-expanded': menuItem.expanded}">
 
 
-  <a *ngIf="!menuItem.children" [routerLink]="menuItem.url" [target]="menuItem.target || ''" class="al-sidebar-list-link">
+  <a *ngIf="!menuItem.children" (mouseenter)="onHoverItem($event, item)" [href]="menuItem.url" [target]="menuItem.target || ''" class="al-sidebar-list-link">
     <i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span>
   </a>
 
@@ -11,7 +11,11 @@
   </a>
 
   <ul *ngIf="menuItem.children" class="al-sidebar-sublist" [ngClass]="{'slide-right': menuItem.slideRight}">
-    <ba-menu-item [menuItem]="subItem" [child]="true" *ngFor="let subItem of menuItem.children"></ba-menu-item>
+    <ba-menu-item [menuItem]="subItem"
+                  [child]="true"
+                  (itemHover)="onHoverItem($event)"
+                  (toggleSubMenu)="onHoverItem($event, subItem)"
+                  *ngFor="let subItem of menuItem.children"></ba-menu-item>
   </ul>
 
 </li>