diff --git a/src/app/components/sidebar/_sidebar.scss b/src/app/components/sidebar/_sidebar.scss
index 15fee47..8cdfd3b 100644
--- a/src/app/components/sidebar/_sidebar.scss
+++ b/src/app/components/sidebar/_sidebar.scss
@@ -139,6 +139,7 @@ a.al-sidebar-list-link {
   left: 176px;
   height: 42px;
   display: none;
+  transition: top 0.5s ease;
   &.show-hover-elem {
     height: 42px;
     display: block;
@@ -220,7 +221,6 @@ a.al-sidebar-list-link {
 
     .sidebar-hover-elem, .sidebar-select-elem {
       left: $sidebar-width - 4;
-      transition: all 0.5s ease;
     }
   }
 }
diff --git a/src/app/components/sidebar/sidebar.html b/src/app/components/sidebar/sidebar.html
index b778404..5fabdd9 100644
--- a/src/app/components/sidebar/sidebar.html
+++ b/src/app/components/sidebar/sidebar.html
@@ -1,7 +1,9 @@
-<aside class="al-sidebar" ng-swipe-right="menuExpand()" ng-swipe-left="menuCollapse()">
+<aside class="al-sidebar" ng-swipe-right="menuExpand()" ng-swipe-left="menuCollapse()"
+       ng-mouseleave="hoverElemTop=selectElemTop">
   <ul class="al-sidebar-list" slimscroll="{height: '100%'}">
     <li ng-repeat="item in menuItems" class="al-sidebar-list-item"
-        ng-class="{'selected': item.selected, 'with-sub-menu': item.subMenu}" ng-mouseover="hoverItem($event, item)">
+        ng-class="{'selected': item.selected, 'with-sub-menu': item.subMenu}"
+        ng-mouseenter="hoverItem($event, item)">
 
       <a href="{{ item.root }}" ng-if="!item.subMenu" class="al-sidebar-list-link"
          ng-click="collapseSidebarIfSmallRes()">