[Bug]: "Toolbar Far Group" story broken

[GordonSmith]

Library

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

System Info

System:
    OS: Windows 10 10.0.23526
    CPU: (32) x64 AMD Ryzen 9 5950X 16-Core Processor
    Memory: 28.21 GB / 63.91 GB
  Browsers:
    Edge: Spartan (44.23526.1000.0), Chromium (116.0.1938.54)
    Internet Explorer: 11.0.23526.1000

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/s/s969ft?file=/example.tsx

Bug Description

Actual Behavior

Expected Behavior

Some toolbar items on the left and some toolbar items on the right, all on a single line.

Logs

No response

Requested priority

Normal

Products/sites affected

https://react.fluentui.dev/?path=/docs/components-toolbar--default#far-group

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.

[sopranopillow]

Looks like it's due to the divider being rendered as display: flex and not display: inline-flex. This is how it renders inline-flex:

[microsoft-github-policy-service]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.