[Bug Report][3.6.14] v-treeview. labs. Tree nodes with no children are not correctly indented above their immediate parent.

[PlanetPush]

Environment

Vuetify Version: 3.6.14
Vue Version: 3.4.27
Browsers: Chrome 128.0.0.0
OS: Windows 10

Steps to reproduce

Add an items array with children that have multiple children.
Make sure that of those children, some have children and some have no children.

Expected Behavior

All tree nodes should be correctly indented below their immediate parent.

Actual Behavior

A child node with no children is not correctly indented below its parent.

Reproduction Link

https://play.vuetifyjs.com/#...

[PlanetPush]

See attachment.
Checkbox 1 (which is an immediate child of checkbox 0 and has no children of its own) should be aligned with the left edge of checkbox 2

[PlanetPush]

CSS Hack to fix:

.v-list-item.v-list-item--link.v-list-item--slim.v-theme--light.v-list-item--density-default.v-list-item--one-line.rounded-0.v-list-item--variant-text.v-treeview-item:not(.v-list-group__header) {
padding-inline-start: calc(39px + var(--indent-padding)) !important;
}

[mikkowsx]

+1

[david-wg2]

Workaround (based on @PlanetPush's solution):

.v-list.v-treeview .v-treeview-item:not(.v-list-group__header) {
    padding-inline-start: calc(39px + var(--indent-padding)) !important;
}

.v-list.v-treeview .v-treeview-item .v-list-item__spacer {
    width: 4px !important;
}