SVG elements are displayed inline by default. This has the "strange" effect that you get an overflow (which is not apparent, e.g., from the output the Chrome debugging view) when you try to fill a parent element with the SVG.
Comment out the "svg" part of the CSS to see the effect.
Also see: https://martin-becker.net/blog/svgs-are-inline-elements/
