Stopping underline hover on navigation bar over active link

Site URL: https://www.patrickpilato.ca/

password: 123

I have used code to create an underline hover in the navigation bar, and for the active link to stay bolded. Is there a way to stop the underline showing up with you hover over this active link?

Add to Design > Custom CSS

/* remove active hover link */
.header-nav-item--active a:hover {
    background-image: none !important;
    border: none !important;
}