Why is preview (within Adobe XD mobile app) showing different shades and formatting to the design?

Hey everyone,

I am trying to preview a prototype on my mobile device using the App and with the working file uploaded into Creative Cloud documents. 

When I preview the file, the shade of green is not the same as the color I set in the design. I set my main brand colour as the Artboard's background fill and built components on top so there isn't a case of conflicting colours/transparencies. See the photos attached. The deeper colour is the correct one.

Secondly, the fonts I'm using are understandably not on my device - is there any way I can preview on my mobile device but using the fonts in my actual design?

Finally - I used the iPhone XS artboard template in the design but when previewing there seems to issues scaling. Items look out of position. Is the template available within adobe XD for screen size actually accurate? Certain shapes and drawn lines also seem not to be in proportion.

Thanks,

Jabed