[Bug]: Coachmark is not positioning correctly when using "right/left center"

[kehindeoni]

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (20) x64 Intel(R) Core(TM) i9-10900K CPU @ 3.70GHz
    Memory: 65.38 GB / 127.71 GB
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (103.0.1264.49), ChromiumDev (105.0.1336.2)
    Internet Explorer: 11.0.22000.120

Are you reporting Accessibility issue?

None

Reproduction

https://codepen.io/kehindeoni/pen/dyqgdjK

Bug Description

How to reproduce

• Set coachmark position to "right center"
• Hover on the coachmark

Actual Behavior

The coachmark beak does not align with its target when expanded

Expected Behavior

The coachmark beak aligns with its target when expanded

Logs

No response

Requested priority

High

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.

[sopranopillow]

Looks like this PR caused the regression in 8.105.6