material ui flex direction

The solution for this is noted below

material ui flex direction

Solution

<Box sx={{ flexDirection: 'row' }}>…
<Box sx={{ flexDirection: 'row-reverse' }}>…
<Box sx={{ flexDirection: 'column' }}>…
<Box sx={{ flexDirection: 'column-reverse' }}>…

Try other methods by searching on the site. That is if this doesn’t work