Как расширить SVG без растяжки углов?

Есть svg, и нужно чтобы она растягивалась именно по ширине, без изменения высоты, это я реализовал с помощью preserveAspectRatio="none". Но при растяжке компонента эти углы ломаются, как можно сделать так, чтобы при изменении ширины экрана углы не ломались?

Код компонента тут-> https://pastebin.com/FhLCFjrD