1 files changed, 18 insertions, 6 deletions
diff --git a/src/client/views/ContextMenu.scss b/src/client/views/ContextMenu.scss
index cbe14060a..588eff1d1 100644
--- a/src/client/views/ContextMenu.scss
+++ b/src/client/views/ContextMenu.scss
@@ -7,6 +7,7 @@
     box-shadow: 0px 3px 4px rgba(0, 0, 0, 30%);
     flex-direction: column;
     background: whitesmoke;
+    color: black;
     border-radius: 3px;
 }
 
@@ -51,13 +52,29 @@
     user-select: none;
     transition: all 0.1s;
     border-style: none;
-    // padding: 10px 0px 10px 0px;
+    position: relative;
     white-space: nowrap;
     font-size: 13px;
     letter-spacing: 2px;
     text-transform: uppercase;
     padding-right: 30px;
 
+    .contextMenu-item-background {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 0;
+        filter: opacity(0);
+    }
+
+    &:hover {
+        .contextMenu-item-background {
+            filter: opacity(0.2) !important;
+        }
+    }
+
     .contextMenu-item-icon-background {
         pointer-events: all;
         background-color: transparent;
@@ -132,11 +149,6 @@
     // border-top: solid 1px; //TODO:glr clean
 }
 
-.contextMenu-item:hover {
-    transition: all 0.1s ease;
-    background: $light-blue;
-}
-
 .contextMenu-description {
     margin-left: 5px;
     text-align: left;