MudNavLink icons on mini variant of MudDrawer not staying in the same place when hovering the drawer

[myllen]

Bug type

Component

Component name

MudDrawer MudNavLink

What happened?

When the text of a MudNavLink contains more than 1 word, the hover animation moves the icons slightly due to the text being wrapped to multiple lines.

Expected behavior

I expected smooth animation with the icons staying in a fixed place upon hovering.

Issue can be fixed by adding following css properties to class mud-nav-link-text.

.mud-nav-link-text {
        overflow: hidden;
        white-space: nowrap;
}

Reproduction link

https://try.mudblazor.com/snippet/mEGeufkMdAvAftuW

Reproduction steps

1. Use the Mini variant of MudDrawer
2. Enable OpenMiniOnHover
3. Add MudNavLink(s) with longer text

Relevant log output

No response

Version (bug)

6.19.1

Version (working)

No response

What browsers are you seeing the problem on?

Chrome

On which operating systems are you experiencing the issue?

Windows

Pull Request

• I would like to do a Pull Request

Code of Conduct

• I agree to follow this project's Code of Conduct

[ScarletKuro]

Hi.

Would you mind to create a PR with the fix?