[Bug]: Link - underline extends to whitespace

[Mich0608]

Component

Link

Package version

3.0.0-rc.9

@microsoft/fast-element version

2.10.2

Environment

System:
    OS: macOS 26.4
    CPU: (8) arm64 Apple M3
    Memory: 221.25 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 147.0.7727.56
    Edge: 147.0.3912.72
    Firefox: 149.0.2
    Safari: 26.4

Current Behavior

Rendering an inline link with text after the link causes the underline of the link to extend to the whitespace after the component. For example, <fluent-link href="https://example.com" inline>Learn more</fluent-link> here renders the following:

Notice how the underline extends to the whitespace between "learn more" and "here"

Expected Behavior

The link underline should not extend to the whitespace after the linked text.

Reproduction

https://stackblitz.com/edit/vitejs-vite-f779zp5d?file=src%2Fmain.ts

Steps to reproduce

1. Go to the stackblitz above
2. See the rendered Fluent Link and notice how the underline extends to the whitespace

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.