Library

React Components / v9 (@fluentui/react-components)

System Info

N/A

Are you reporting Accessibility issue?

no

Reproduction

https://react.fluentui.dev/?path=/docs/components-field--default#component-examples

Bug Description

Actual Behavior

Switch is indented from its field label, and looks misaligned:

Found in review of PR updating the VR tests of field: #25263 (comment)

Expected Behavior

Switch should be left-aligned.

Logs

No response

Requested priority

Normal

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.