Hello,
We appreciate you reaching out to us!
The problem you described happens because
path elements go beyond SVG width and height, since SVG's can't automatically scale down (SVG is cropped as a result). Wrapping SVG element in div and setting
width and
height as inline style seems to resolve this issue.
Take a look at this demo I've created based on your solution:
https://stackblitz.com/edit/react-ckmsvj?file=index.js
Let me know if that's what you were looking for! In case of any other questions, feel free to ask.
Best regards!