Item icon border not showing.

The border shown around the items in the inventory are not preserved in the pop-up which you get when collecting an item or in the item hotbar.

The butterfly doesn't have the nice border, the icon covers it all:

Same issue here:
How do I have it retain the nice double border, rounded edges, etc.? Maybe a layering issue?

A
 
All those UI layouts are fully customizable they are prefabs you reference in the Category Item View Sets.
You can duplicate the prefabs that you ar currently using modify them to your liking and reference the new ones.
Each Item View Slot Container can reference a Category Item View Set.
It is usually on the Item View Drawer component

1614676408518.png

Learn more about them here:

You'll also want to read about Item View Slot Containers:

Maybe watch some of the video tutorials too:

The UI was designed to be extremely flexible and customizable precisely because the looks really differentiates an Inventory between different games, even if it function somewhat similarly.
 
For anyone else dealing with this, it seems there's an inconsistency with the way the Item View for Hotbar prefab is configured. Compare it with the Item View for Grid. You need to set the Item View element's background to "Filled" and then center the "Item Icon" element rather than having it fill the space. In my opinion, this should match between the two prefabs out-of-the-box. Otherwise it looks very different between the two locations.
 
Top