UI - How to align all texts to the left

Hello

I am currently trying to make a menu, containing 5 buttons. When a button is hovered over, it changes colour. The text however, shall be changed by script later, so I had to find a method to convert the Button size to however big the text is. To overcome this problem I used Content Size Fitter.
However one problem with this is that even though every button has the left value set to 40, none of their left alignment’s are the same, as seen here

If anyone knows how to make them all be aligned to the left it would be a great help

Thank you

Dok

Make sure in your Layout Group that “Child alignment” is set to: Middle Left
And that your children don’t have a layout element component with “ignore layout” ticked.

and of course, that your text components are also left aligned.