Stop Hover Triggering Through Other Layers
When a component has a hover interaction, the hover effect being activated even if there is an element in front.
E.g. when having two labels with rectangles appearing on-hover, one can place one of the rectangles above the other label. Then, hovering over the rectangle fires the hover effect from the label beneath it.