SVG circles not rendering as expected
👋 Hello! Thanks for contributing. Please use the template that matches your intention  

_I am a developer_

| -------------------------------------------------------------------------------------------------
| Reporting a bug or issue
| -------------------------------------------------------------------------------------------------

**Expected behavior:**
[This gist](https://gist.github.com/huy-nguyen/74cf0f9fe2d0956503c96760ec5b46d3) should show 2 equally sized circles of radius 50:
- A red circle at x = 100, y = 100.
- A blue circle at x = 100, y = 200.

**Observed behavior:**

Actually show two ellipses:

![Wrong output](https://i.stack.imgur.com/chdvS.png)

**How to reproduce:**
- `yarn`
- `yarn run render`

**Sketch version:** 47.1

**Please attach screenshots, a zip file of your project, and/or a link to your github project**

[Link to sketch file](https://drive.google.com/file/d/1q_XSnHQTCUb6Xlk1-utbcLuZQyYu6VYy/view?usp=sharing)

[Stackoverflow question](https://stackoverflow.com/questions/49406995/svg-not-rendering-as-expected-in-react-sketchapp)
