HTML dropdown menu pops up even after it should've already been hidden

Question

I am building a website which has categories in a dropdown menu, when the "categories" section in navbar gets hovered they display with a transition and also fade away