[TreeView] Changing the value of $kendo-treeview-indent variable disrupts rendering of nested child items

[zstoyanova9]

Describe the bug
When the default value of the $kendo-treeview-indent variable is modified and the TreeView has nested child items (i.e., a child item has children, which results in an arrow displayed for the child item), the rendering of the child items is disrupted, and they are not aligned properly.

Expected behavior
The child items should be aligned as in the default rendering of the TreeView.

Screenshots

• Default TreeView rendering:

  

• Rendering with modified $kendo-treeview-indent (set to 12px):

  

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

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

Affected browsers (please remove the unneeded items)

• Not Applicable

Build system information (please remove the unneeded items)

• Not Applicable