grouping paths, rects at svg

[MacinDl]

I have a very serious problem.

I drawed a box at Affinity Designer, looks like in the picture. I converted ofc everything into curves and (when saving at svg) choose "saving area without background". But from some reason i got svg code: 

 

<svg width="100%" height="100%" viewBox="0 0 620 253" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">

<g transform="matrix(1,0,0,1,-167,-893)">

    <g id="thrree" transform="matrix(1,0,0,1.02235,0,-23.5307)">

          <path d="M787,896.497L343,896.497L167,1053L677,1053L787,896.497Z" style="fill:rgb(0,73,255);"/>

    </g>

     <path id="two" d="M787,893L677,1053L677,1146L787,985L787,893Z" style="fill:rgb(167,0,255);"/>

     <g id="one" transform="matrix(1.14607,0,0,1.22368,65,130.342)">

          <rect x="89" y="754" width="445" height="76" style="fill:rgb(167,0,255);"/>

      </g>

</g>

</svg>

My question is, why:

1. everything is in one group

2. and one rect and one path is also grouped? I don't want to have them grouped! They need to be just inside svg tag.

I know i can remove unwanted code by myself, but i have a lof to boxes like that and I don't want to do it manually.

 

[Gabe]

Hi @MacinDl,

Sorry for the delayed reply. 

Can you please attach the project file so we can have a look?

Thanks,

Gabe.