Using UMG on iOS devices are not displaying with the correct resolution and scaling

When testing UMG on an iOS device, the UMG is not rendering correctly ot the device. The UMG components seem to over lap each other.

Photos of the expected outcome vs the outcome seen have been attached.

Tested on an iPhone 4 (7.1) and on an iPhone 5 (8.1)

1) Create a new project
2) Once the project is open, Right click in the content browser
3) Create a new Blueprint Widget from the User Interface section
4) Name the Blueprint anything and double click to open it
5) Set up the UMG as shown in the attached photo labeled 'UMGInEditor' (Image has been attached as well)
6) Once complete, Save the widget and exit the window
7) Open the Level Blueprint from the Blueprints dropdown on the toolbar
8) Set up the level Blueprint as it is show in the attached photo
9) Be sure to save all.
10) Package and deploy to an iOS (I used a iPhone 4 as it was the device that the user used.)