Is there any way to fix overflow in svg path?

Question

css

https://jsfiddle.net/fajjet/9x6zd72j/ - Here is the link. There is the crux of the problem. Path cuts off a piece of the triangle. As I understand it, path chooses its own size depending on the code. What's interesting is that it cuts only X-su on the left. svg overflow: visible is worth it. If there is no way to turn off overflow:hidden on the left of the path, is it possible to somehow indent inside the path itself. So that, let's say it's 400px wide, but the drawing starts at 50px?

Answer 1

It's not about overflow. The svg object itself was outside of the codepen artboard . Open Illustrator and take a look.