Hello everyone, could you please assist me with the issue I’m currently facing?

I have two components in my project. The first component handles the labels and changes their color when hovered over. The second component manages the menu, altering both the color and the direction of the arrow upon hover.

While hovering, I need the menu to overlay the dropdown. Furthermore, the labels within the dropdown should also change color according to the first component’s behavior for labels.

The problem I’m encountering is that when I connect the hover event for the menu to change from white to blue, the hover event for the overlay stops working. Conversely, if I connect the overlay dropdown, the menu’s color change and arrow adjustment no longer function. Can someone assist me in resolving this issue?