The text seems weirdly scaled or maybe its the font. The only thing I did, no size box even:
The 384x1000 at the top is just a preview so you can tell how it will look like once placed in a container. Drop a couple of those user widgets into a scroll box to get an idea how it will look like:
The 512x768 here is what I’d use in the widget component to get the same size.
If I were to preview it in the resolution you’re attempting (or thereabout):
It’s going to look weird… Those widgets are too small for this res. There’s no need to go 4k if the phone screen will occupy just a small part of the real screen estate. If the user can bring it really close to the camera, the res should go up, ofc.
Hard to tell what else could be going on with the layout. I can think of too many things that can break the layout, too many to list.
But I don’t think you can squeeze more quality out of the widget component. Perhaps with some material trickery - you’d need to rewrite what it does. If you want crisp UI, use world screen. Perhaps the user brings the phone to their face and then you switch to 2d. Perhaps you can crank up the resolution, set the fonts to very large and scale the component to 10th its size…