[BUG] mgt-react - avatar scales strangely when border applied

[JoshWhite]

Describe the bug
Avatar image scaling when adding a border causes image to render poorly on some screens and is no longer round.

To Reproduce
Steps to reproduce the behavior:

1. Create React web app
2. Import <Person /> component from mgt-react
3. Update styles so the avatar has a border

See repro

Expected behavior
CSS border not to affect avatar scaling

Environment (please complete the following information):

• OS: Windows
• Browser: Chrome
• Framework: React
• Context: Web
• Version: "@microsoft/mgt-react": "^2.9.0",

Hello JoshWhite, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

[gavinbarron]

Thanks for raising this @JoshWhite
I really appreciate the effort you put in with a great repo, it made my life as a maintainer much easier!