Multiple components with same align issue

Hi,
We have more buttons on a region. All have Align = alLeft property. Initial order of buttons depends on theirs Left property. That's ok.
If theirs parent is resized the order of button turns around. The most right one goes to the left. On further resize the order changes again back to normal. It is like the buttons flickering. See my basic demo attached. Please move the splitter in between the two region. I would like to keep the button's position in initial order: 1,2,3,4.
We have more buttons on a region. All have Align = alLeft property. Initial order of buttons depends on theirs Left property. That's ok.
If theirs parent is resized the order of button turns around. The most right one goes to the left. On further resize the order changes again back to normal. It is like the buttons flickering. See my basic demo attached. Please move the splitter in between the two region. I would like to keep the button's position in initial order: 1,2,3,4.