Nested grid causes parent grid layout issues

[t9mike]

In this nested grid example, the parent layout is not expected:

var body: some View {
        Grid(tracks: [
            .fit, // label
            .fit, // value
        ], spacing: 5)
        {
            Text("A").gridAlignment(.trailing)
            Text("B").gridAlignment(.leading)
            Text("CCCCC").gridAlignment(.trailing)
            Text("D").gridAlignment(.leading)
            Text("Grid->").gridAlignment(.trailing)
            Grid(tracks: [
                .fit, // label
                .fit, // value
            ], spacing: 3) {
                Text("W").gridAlignment(.leading)
                Text("X").gridAlignment(.trailing)
                Text("YYYY").gridAlignment(.leading)
                Text("ZZZZ").gridAlignment(.trailing)
            }
            .border(Color.red, width: 1)
        }
        .border(Color.blue, width: 1)
    }