Progress bar out of bounds and cut off on Safari

[Anisha7]

🐛 Bug report

Summary of issue

When using the rotation property and zoom on safari, the progress bar gets cut off/goes out of bounds. The positioning is not centered in the div at that point. View screenshot below:

Reproducible example

Fork this Codesandbox and modify it to demonstrate the issue you're having: https://codesandbox.io/s/reactcircularprogressbar-issue-template-3zm3j

https://codesandbox.io/s/vymm4oln6y?file=/index.js:2129-2161
View this codesandbox in safari and full screen the demo. Try zoom in and see how rotation responds.

Your environment

• What browser version were you using? Safari on Mac
• What version of react-circular-progressbar are you using? This is the demo link from the home page