Rating with templates and half precision breaks rendering

[zstoyanova9]

Description

When templates are implemented for the Rating component and the precision property is set to "half", the rendering of the selected half values is broken.

Steps To Reproduce

1. Open the following StackBlitz example - https://stackblitz.com/edit/angular-xs7q2wd9-fw9lc7hq
2. Observe the broken rendering of the Rating component with half precision set.

Actual Behavior

The selected half values are not rendered as expected.

Expected Behavior

The selected half values should be rendered as expected.

Cause of the issue

The width and height of the span element are 24px. They should correspond to the dimensions of the template content.
In addition, the width and height of all templates should be equal to avoid similar visual discrepancies.