Why SVG border-image is breaking in Chrome when using border-image-repeat: repeat?

Question

I\'m trying to implement an octagon as a border using the CSS border-image property with an SVG, but when I use my code in Chrome and zoom in on the page it reacts weird, wh