Problem with layout when one section uses max_height

The below image demonstrates my issue; I want the green spacers to fill the remaining white space. The code which produces the layout is shown at the bottom. The issue here is related to the max_height of the red spacer. If it is not set, the whole browser windows is filled by the green and red spacers as expected.

            column(
                Spacer(background='red', max_height=50, margin=1),
                row(
                    Spacer(background='green', margin=1),
                    Spacer(background='green', margin=1),
                    sizing_mode='stretch_both'
                ),
                sizing_mode='stretch_both'
            )