chakra uiのボタン内テキストが`textAlign="left"` で左寄せにならない

さっさと結論知りたい方は解決策へ

ある日開発中ボタンの中のテキストを左寄せにしたかったわいはこのように書きました。

<Button textAlign="left">ほげほげ</Button>

なんということでしょう

テキストが中央寄せのままではありませんか

ここでGoogle先生にhelpを求めます。GitHubにissueがありました。

[Button] Text alignment does not work #44

解決策

<Button justifyContent="flex-start">ほげほげ</Button>

textAlignじゃなくてjustifyContentでやるそうです。

issueにも書いてはありますがどうやらButtonにinline-flexが使われているとのこと。

だからtextAlignが効かないのね。。。

些細なことですがこれみんな引っかからないの。。？