[Solved] Help needed putting two SVGs side by side

Hello, this is my first post here
I'm having trouble putting these two SVG files together, as shown in the image.
The black line inbetween them is not supposed to be there.
!http://i.imgur.com/lVAFOKG.png!

The SVG on the left is scaling up and down, while the arrowhead stays the same size, but should always stick to the end. When scaling, the space between them varies between what seems like 0 to 4 pixles, so I can't just say "x-1" for the position.
This is what I use, as of now:
@arrow->setPos(square->sceneBoundingRect().topRight());@

Is there a way to remove what seems like a border around the sceneBoundingRect, or is there a better way of setting the position of the arrowhead?

After inspecting the SVG files i found that there was a 0.3px opaque border on both SVG files. I didn't think professional designers would make such a basic mistake, but then again I am guilty of the same thing.