Blazor template first link fills whole horizontal space inside top-row

[Jimmys20]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

In Blazor templates with authentication enabled the whole top-row is clickable because the first anchor element fills the entire horizontal space.

This happens because of this style: https://github.com/dotnet/aspnetcore/blob/main/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/Shared/MainLayout.razor.css#L72

Expected Behavior

Anchor tag should not be clickable outside its text.

Steps To Reproduce

No response

Exceptions (if any)

No response

.NET Version

No response

Anything else?

No response

[mkArtakMSFT]

Thanks for contacting us. We'll consider this as part of #40935, if we get to it earlier. Otherwise, feel free to send us a PR with a fix, and we'll take it earlier.

[ghost]

Thanks for contacting us.

We're moving this issue to the .NET 8 Planning milestone for future evaluation / consideration. We would like to keep this around to collect more feedback, which can help us with prioritizing this work. We will re-evaluate this issue, during our next planning meeting(s).
If we later determine, that the issue has no community involvement, or it's very rare and low-impact issue, we will close it - so that the team can focus on more important and high impact issues.
To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.

[mkArtakMSFT]

Closing as we plan to update the templates in .NET 8 and this will change too.