Я пытаюсь скопировать очень популярные разделители форм с моим собственным SVG.

Я создал SVG в Illustrator и похожую версию в Inkscape. Оба имеют одинаковую проблему с выравниванием по дну: между ним и следующим делом есть небольшой разрыв.

Пример разрыва

Это поведение уникально для моего SVG, другие, которые я нашел в интернете, не имеют этой проблемы.

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 1920 40" style="enable-background:new 0 0 1920 40;" xml:space="preserve">
<path  d="M0,18.5c0,0,415.4,34.9,956.3-1.9s963.7-0.9,963.7-0.9V40H0L0,18.5z"/>
</svg>

<style>

#section-2-55348 {
    position: relative;
    overflow: hidden;
}

#section-2-55348 svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #003767;
}

</style>
0
aarono