.styleProvider-filter, .styleProvider-paint, .styleProvider-paint-selected, .styleProvider-lock { z-index: 2; // has to be above title which is z-index 1 font-size: 10; width: 20px; height: 20px; position: absolute; right: -20px; top: 0px; background: black; pointer-events: all; opacity: 0.3; display: flex; flex-direction: column; color: red; border-radius: 3px; justify-content: center; cursor: default; } .styleProvider-filter { right: 20px; .styleProvider-filterShift { left: 0px; top: 0px; position: absolute; } .dropdown-container { width: 15px !important; margin: auto !important; } } .styleProvider-paint-selected, .styleProvider-paint { top: 15px; } .styleProvider-paint-selected { right: -40px; } .styleProvider-lock:hover, .styleProvider-filter:hover { opacity: 1; } .styleProvider-treeView-icon, .styleProvider-treeView-icon-active { margin-left: 0px; margin-right: 0px; } .styleProvider-treeView-icon { opacity: 0; }