Active Menu issue in mobile view

[harsh175]

In mobile view when the user visits any subpage of the About page, then it confuses the user which page is activated.
​https://www.awesomescreenshot.com/video/24798690?key=8dcedfbb8249edf654a2708508b728bc

css

.wp-block-navigation:not([class*=has-text-decoration]) a:focus {
    text-decoration-line: none;
}
.wp-block-navigation .current-menu-item > a{
    font-weight: 700;
    text-decoration-line: underline;
}