[Bug]: Nav focus outlines cut off for first item and nav sub items

[mashenoy]

Library

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

System Info

System:
    OS: Windows 10 10.0.22631
    CPU: (16) x64 Intel(R) Xeon(R) Platinum 8370C CPU @ 2.80GHz
    Memory: 40.38 GB / 63.95 GB
  Browsers:
    Edge: Spartan

Are you reporting an Accessibility issue?

no

Reproduction

https://stackblitz.com/edit/xryxbj?file=package.json

Bug Description

Actual Behavior

Able to repro issue on Fluent Dev site:https://react.fluentui.dev/?path=/docs/preview-components-nav--docs Stackblitz link: https://stackblitz.com/edit/xryxbj?file=package.json

Top outline cut off for first item

Bottom outline cut off for Nav sub items

Expected Behavior

Focus outlines should not be cut off

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

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

[mainframev]

Duplicate of #31745