Question Why doesn't my UI Builder represent the actual UI (sizes)?

I am not sure why this is happening...
There's a difference between what I see on UI Builder, to what is actually displayed on the Device Simulator.

This is how it looks -
UI Builder:

(as you can see, the buttons and labels are tiny!)

The actual Simulator:

(buttons and labels changed size???)

It's a real struggle to make UI, when the UI Builder doesn't represent the actual UI....
Is this a 'settings' issue?
Anyone encountered this problem?

Thanks in advance!

*edit: more syntax.

 

At the top right of the UI builder, switch "Active Editor Theme" to "Unity Default Runtime Theme".

 

Thanks for the reply.
I switched to "Unity Default Runtime Theme", and it made the buttons and labels a fraction bigger...
I've played with the canvas size of UI Builder, and it seems like Unity simulator's resolution is shrunk by 4 times (1080x2340 -> 270x585):




Why does it do that....???

 

well your Device Simulator window is on 26%.
If you set the Canvas Size to Match Game View and then have both percentages of the viewport the same, it should be the same. (Except not for the actual physical size)
You're working with several different scaling mechanics. Physical Size, Device Simulator Viewport Scale and UI Builder Viewport Scale.

The UI Document uses Panel settings. If you scale the UI by Physical Size set the Google Pixel 5's DPI value as reference.
It's a bit like uGUI, fiddle with settings until it is right.

I've submitted a finer control over the UI Builder viewport scale to the Roadmap. Though it is always uncertain whether it has been looked at, under consideration or has been denied.