Gantt missaligned row hover effect (Bootstrap theme + Windows)

[mbechev]

Describe the bug
The Grid timeline row hover effect is misaligned with the TreeList rows. As much as you scroll down the Timeline the worst it gets:

hover.bug.mov

To reproduce
https://stackblitz.com/edit/angular-w35ns4ey?file=src%2Fapp%2Fapp.component.ts

Expected behavior
The hover effect should be applied to the rows without any misalignment.

Additional context
The problem is reproduced only in the Bootstrap theme and Windows OS. The problem was reported in a private support thread 1677933, where the client further debugged the case and concluded that the hover row on the timeline is out of sync with the timeline itself because the TreeList row is 1 pixel taller than the timeline rows. That happens by default only on Windows due to system-ui font difference between Mac OS and Windows.

Affected package (please remove the unneeded items)

• theme-bootstrap

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery
• Kendo UI for Angular
• Kendo UI for React
• Kendo UI for Vue
• Telerik UI for Blazor

Build system information (please remove the unneeded items)

• OS: [Windowsc]