Why is css is adding a duplicate border to my element when hovered?

Question

I would like to have a black bottom border on the active page, and a colored border on the hovered page link. I was using the same format with background color previously an