I have attached image below that shows that the flex box is going too far, I want to shift Hello in the grey row to be inline with the bottom Hello.

I tried applying a flex-wrap but it did not work and making the display inline-block

Code

<Pane display="flex" marginBottom={8}>
    <Pane display="flex" flexDirection="column" marginRight={16}>
        <Heading color={inProgressBar} size={900}>
           {XX}
        </Heading>
        <Heading flexWrap="wrap" size={100}>
           {Hello Hello Hello}
        </Heading>
    </Pane>
</Pane>