On hover menu links are not visible completely

Hello,
I have tried the patch provided by @alok_singh, and it didn't work for me on Drupal version 10.1.6.

I've tested the patch #2, and as indicated in #4, the link color is not being applied during the hover state. To address this issue, I have a CSS code that you can test. Please consider the code provided below.

.menu-base-theme li a:active, .menu-base-theme li a.highlighted, .menu-base-theme li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

I have added the before and after screenshots for your reference. Please review