diff --git a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
index b8bb9bc2..4495752e 100644
--- a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
+++ b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
@@ -122,7 +122,7 @@
         </el-scrollbar>
       </el-dropdown-menu>
     </el-dropdown>
-    <el-dropdown size="mini" @command="clickRelation">
+    <el-dropdown size="mini" trigger="click" @command="clickRelation">
       <el-button type="success" plain>
         {{ $t('components.contextMenuRelations') }}<i class="el-icon-arrow-down el-icon--right" />
       </el-button>
@@ -155,7 +155,7 @@
         </el-scrollbar>
       </el-dropdown-menu>
     </el-dropdown>
-    <el-dropdown size="mini" @command="clickReferences">
+    <el-dropdown size="mini" trigger="click" @command="clickReferences">
       <el-button type="warning" plain :disabled="!(isReferecesContent && isLoadedReferences)">
         {{ $t('components.contextMenuReferences') }}<i class="el-icon-arrow-down el-icon--right" />
       </el-button>
@@ -351,6 +351,21 @@ export default {
     border-bottom-color: #b3d8ff;
     border-left-color: #000000 !important;
   }
+  .el-dropdown .el-button-group:hover {
+    background: #1890ff;
+    border-color: #1890ff;
+    color: #FFFFFF;
+  }
+  .el-button-group:hover {
+    background: #1890ff;
+    border-color: #1890ff;
+    color: #FFFFFF;
+  }
+  .el-button-group .el-button--primary:hover {
+    background: #1890ff;
+    border-color: #1890ff;
+    color: #FFFFFF;
+  }
 </style>
 
 <style scoped>