Menu Hover Line Color

Good morning. I needed to make some changes to the Main Menu and inserted the CSS below, and it works fine, except the color of line ABOVE the Menu Item isn’t changing. I thought it would have changed with the Hover color CSS, but it did not. Ideally, I would like the line color to be white when the link is hovered and not yellow (if possible).

    .main-navigation li a {
        font-size: 13px;
        font-weight: 400;
        color: white;
    }

    .main-navigation a:hover {
        color: Yellow;
    }

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .main-navigation li:after {
        background-color: #fff000;
      }
    }

Regards,
Kharis