Why does my widget look like this in game

In the editor my widget for health and level looks like this:


which is a high quality

However in game the bar looks like this:


With a low quality texture

How do i fix this
also how can i fix the weird colour changing

Hi, you can try to make your 3D widget dimension bigger than scale it down in the transform section.

it sort of worked, its still a bit more pixelated than id like

The difference is probably because the editor and viewport windows have different resolutions. If you look at the lower left corner of your first picture the resolution is 1280x720. The viewport window will set it’s own resolution if you don’t configure it yourself.

In the widget editor window you can select different resolutions from the “Screen Size” drop-down. Also if you drop-down “Fill Screen” you can select Desired on Screen. This can give you a better idea of the widgets appearance at specific resolutions.
It would be a good idea to wrap your UI elements in SizeBox if you do use Desired on Screen.