Describe the bug
The Person Component in fluent.next exhibits some seemingly unwanted responsive behaviors.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://mgt.dev/next/v3/?path=/story/components-mgt-person--person
2. Decrease Preview window width until components starts to react

Expected behavior
The component should keep it's size. The avatar should not be squished and lines should not wrap on whitespace.

Screenshots
If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

• OS: Windows
• Browser edge
• Framework react, none
• Context Microsoft Teams, Web
• Versionv 3.0.0-Preview.1
• Provider -

cc #2118