✅ - Why does my large icon nearly disappear?

[silver galleon]

I am using a single icon in Ratings to represent a percentage. The higher the percentage, the more the icon is filled in with color. In other words, a value of 50% would mean the icon is half filled with color. The icon is very large.

For some reason, when I set the value of the Rating to less than 1, the icon shrinks and is obscured.

See attached. I have the code and its effects in 2 cases. One case is when the value is set to 1 and the icon is fully visible. The other is when the icon is set to a percentage and it becomes obscured.

Thanks,
-T

[marble shore]

In case anyone else comes across a similar issue, we triaged this on Github here https://github.com/aws-amplify/amplify-ui/issues/4089 Setting the fontSize on the Rating element itself should let you change the size of the icon.

[dry haven]

✅ - Why does my large icon nearly disappear?