Nested icon does not visually resize after changing size in an overridden instance
When an Icon component is nested inside an Icon Button component, changing the icon size on an instance does not update the visual size of the icon.
The size shown in the properties panel updates correctly (e.g. from 16×16 to 20×20), but the actual icon/vector remains visually at 16×16.
This seems to happen when the nested Icon has already been overridden in the Icon Button instance.
Steps to reproduce
-
Create an
Iconcomponent containing a vector icon. -
Place the
Iconcomponent inside anIcon Buttoncomponent. -
Create an instance of
Icon Button. -
Override/swap the nested icon to another icon.
-
Change the nested Icon size from
16×16to20×20. -
Check the icon visually and compare it with the W/H values in the properties panel.
Actual result
The Icon frame/property updates to 20×20, but the vector inside remains visually at approximately 16×16.
The UI therefore reports the new size correctly, while the rendered icon does not reflect that size.
Expected result
When the nested Icon size changes from 16×16 to 20×20, the icon/vector should resize accordingly and visually render at 20×20.
Additional observation
The issue appears to be related to nested component overrides. The nested Icon has been overridden/swapped inside an Icon Button instance before its size is changed.
This may be related to previously reported issues around nested component sizing and instance overrides.
Example
Before: Icon = 16×16 → visual = 16×16
After: Icon = 20×20 → properties panel = 20×20, but visual remains ≈16×16
Detaching/resetting the nested instance may cause the sizing to behave differently.
