QML Ui when shown on secondary monitor distorts the UI

In an application which uses a QDialog that contains a QQuickWidget() which shows a QML UI When running the desktop app on single monitor system, QML UI shows properly and shows all components on right size. But with an external monitor, QML UI does not display all components and it also distorts its size.

Attached screenshot and example.

Steps:

Run the application on mac primary display

-Hide the ui

-Bring the application to secondary display and show the ui (now ui looks different in size)

-bring back the application on primary display and show ui. (Now it chops off the UI)