[Bug]: Panel header is not sticky when zoom level exceeds threshold

[JensMadsen]

Library

React / v8 (@fluentui/react)

System Info

I use "@fluentui/react": "8.90.0"

Are you reporting Accessibility issue?

No response

Reproduction

https://codepen.io/jensmadsen/pen/YzLQrza

Bug Description

Actual Behavior

When zoom level in Chrome browser (only tested browser) is too high, the header of the panel is no longer sticky.

https://user-images.githubusercontent.com/6726111/191256714-102f9963-f362-4afb-8cc6-c0e63a36a99c.mp4

Expected Behavior

Panel header should be sticky; only scrollbars on content.

Logs

No response

Requested priority

Normal

Products/sites affected

Karnov Link - Office add-in

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.