[WebToolsE2E][Aspire] Some strings in Aspire 9.1 Dashboard are enclosed with a border.

[vmykagapuz]

REGRESSION

1. Worked in Aspire 9.0.0 and 9.0.1

INSTALL STEPS

1. Clean machine: Win11 x64 23h2 ENU
2. Install SDK 9.0.102
3. Install latest Aspire 9.1.0-preview.1.25069.2

REPRO STEPS

1. Create an Aspire Starter App using following commands:

dotnet new aspire-starter -o AspireStarterApp
cd AspireStarterApp/AspireStarterApp.AppHost

2. Run the project in CMD, and open URL in the browser.
   dotnet run
3. Navigate to Structured and Traces > type something in the filter search bar > Enter
4. Click the No filters button and check the "Add filter" string
5. Press Shift + ? to show dashboard shortcut and check the "Help" string
6. Press Shift + s to go to Settings and check the "Settings" string

ACTUAL
The following strings are enclosed with a border:

Add filter

Help

Settings

EXPECTED
The mentioned strings should not be enclosed with a border.

[adamint]

I'm going to close this as expected behavior. Using the keyboard shortcut, we open a modal. fluentui-blazor auto-focuses the first element, which happens to be a header here. It's a nice indication of where keyboard focus is. This behavior does not happen when clicking the help (or settings) navbar items.