Trouble with @children on derived component

[FloVanGH]

I noticed that I have trouble with the padding and constraint of a layout inside of a base component if I use inherits. In the following example the padding of the HorizontalLayout for FinalButton is not respected and for MyButton is respected:

export component ButtonBase {
    in property <brush> background: green;

    Rectangle {
        width: 100%;
        height: 100%;
        background: root.background;
    }

    HorizontalLayout {
        @children
    }
}

export component MyButton inherits ButtonBase {
    horizontal-stretch: 0;
    vertical-stretch: 0;

    layout := HorizontalLayout {
        padding-left: 16px;

        @children

    }
}

export component FinalButton inherits MyButton {
    background: blue;
}

export component MyWindow inherits Window {
    width: 600px;
    height: 400px;

    HorizontalLayout {
        alignment: start;

        button := FinalButton {
            Text {
                text: "Final Button";
            }
        }

        MyButton {
            Text {
                text: "My Button";
            }
        }
    }

    Text {
        text: button.min-width / 1px;
    }
}

As workaround the padding is respected after adding @children to FinalButton:

export component FinalButton inherits MyButton {
    background: blue;
    @children
}