UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.75 Safari/537.36

Steps to reproduce the problem:
1. Open attached svg-push-testcase-5-dash.html file in Chrome.
2. Observe
3. Open attached svg-push-testcase-4-dash.html file in Chrome.
4. Observe
5. Open both files in the Firefox
6. Observe

What is the expected behavior?
In Step 2, 4, 6: "circle" looks/rendered same

What went wrong?
In step 2 Circle "right border" is cut (See attachments)

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 62.0.3202.75  Channel: n/a
OS Version: 14.04
Flash Version: 

Difference between files in Step 2 and 4 is the amount of the dashes in the <span> element.
The issue might appear/disappear depending on the browser zoom level, current screenshots are made with default zoom (100%) level.

This is the reduced taste case of current issue in the Adblock Plus UI -> https://issues.adblockplus.org/ticket/6089 (Tooltip icon has borders cut off)
 

Deleted: svg-push-testcase-5-dash.html 516 bytes

svg-push-testcase-5-dash.html 516 bytes View Download

Deleted: svg-push-testcase-4-dash.html 515 bytes

svg-push-testcase-4-dash.html 515 bytes View Download

Deleted: step2.png 588 bytes

	step2.png 588 bytes View Download

Deleted: step4.png 619 bytes

	step4.png 619 bytes View Download

Deleted: step6.png 571 bytes

	step6.png 571 bytes View Download