This is defintely on purpose since the relevant div:
<div class="ps-absolute t4 rn6">
has the class rn6 assigned to it:
.rn6 {
right: -6px !important;
}
Without that class it would look like this:

Now you could argue why it doesnt have a rp3:
.rp3 {
right: 3px !important;
}
which results in a fully visible svg like this:

But considering possible translations into other languages that take more space would result in the text being covered by the svg like in that example (german):

So my personal guess is that this is 1.) on purpose and not a broken layout 2.) a comprehendable layout decision.
Design wise it's completely fine to cut things off or hide the overflow - obviously that depends on the specific case..