diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less
index 576ee0b87..4649b3d35 100755
--- a/src/definitions/collections/menu.less
+++ b/src/definitions/collections/menu.less
@@ -1172,6 +1172,11 @@
 }
 .ui.inverted.menu .dropdown .menu .item {
   color: @dropdownTextColor !important;
+  transition: none;
+}
+.ui.inverted.menu .dropdown .menu .item:hover {
+  background: @dropdownBackgroundHover !important;
+  color: @dropdownTextColorHover !important;
 }
 .ui.inverted.menu .item.disabled,
 .ui.inverted.menu .item.disabled:hover {
diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables
index 4e0c8fc1b..02ddbb985 100644
--- a/src/themes/default/collections/menu.variables
+++ b/src/themes/default/collections/menu.variables
@@ -124,6 +124,7 @@
 @dropdownPointingDistance: 0px;
 
 @dropdownTextColor: @textColor;
+@dropdownBackgroundHover: @transparentBlack;
 @dropdownTextColorHover: @darkTextColor;
 @dropdownIconMargin: 0em 0em 0em 1em;