Icon is stretched when using QWebkit

Steps to reproduce:
Run the attached test app.

Issue 1:

1> Click on Music Library
2> Click on any item in the list , see the back icon
3> Go back, by clicking the back icon.
4> Click on another item
5> Click on "NOW PLAYING"
6> Click on "EXPLORE"

Notice the back icon is stretched but the icon area to go back remains the same. i.e, to go back, click on the area where the icon should have been.

Issue 2:
After running the test app, notice the Music Library Icon.
This also has stretched edges unlike when it is launched in any browser.

The Issue 1 seems to be away if all translateZ(0) is removed from main.css