title: Linear gradient on SVG pathes create gaps
body: <p>I try to apply a linear gradient to multiple Path Elements inside an SVG File
  As soon as I apply the gradient, gaps between the pathes appear.</p>
  <p>In my codepen are two versions of my svg, with a gradient and with solid color (please scroll down).</p>
  <p>The one with gradients has gaps between some of the pathes. Can someone please explain why?</p>
  <p><a href="https://codepen.io/nougatbyte/pen/MWEqeNx" rel="nofollow noreferrer">Codepen</a></p>
  <p>My gradient code is also quite simple:</p>
  <pre><code>&lt;defs&gt;
      &lt;linearGradient id=&quot;gradient&quot;&gt;
          &lt;stop offset=&quot;0%&quot; stop-color=&quot;#00bc9b&quot;&gt;&lt;/stop&gt;
          &lt;stop offset=&quot;100%&quot; stop-color=&quot;#5eaefd&quot;&gt;&lt;/stop&gt;
      &lt;/linearGradient&gt;
  &lt;/defs&gt;
  </code></pre>