[Bug]: inputs are not aligned correctly

Component

Other...

Package version

3.1.0

@microsoft/fast-element version

3.0.2

Environment

System:
    OS: Windows 11 10.0.26200
    CPU: (28) x64 Intel(R) Core(TM) i7-14700K
    Memory: 4.19 GB / 31.78 GB
  Browsers:
    Edge: Chromium (151.0.4129.78)
    Firefox Developer Edition: 154.0 - C:\Program Files\Firefox Developer Edition\firefox.exe

Current Behavior

When you show certain web components right next to each other you will notice that they are not aligned on the same height.

See https://github.com/microsoft/fluentui-blazor/issues/5142#issuecomment-5292270553 for the actual reason

Expected Behavior

They should be the same height and aligned exactly the same.

Reproduction

https://github.com/MarvinKlein1508/fluentui-alignment-issue

Steps to reproduce

1. Clone the project
2. Run it
3. Zoom into the webbrowser

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?

no

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.