css - Chrome 文本元素重新调整

Question

如果您在 chrome 中密切注意此示例中的翻转文本：

https://codesandbox.io/s/musing-flower-101kx

您可以看到Test翻转卡片后文本会重新调整。

视频：https ://i.imgur.com/1Hb61dj.mp4

我相信这与它有关，Grid因为如果您删除这些行，它就不会发生：

xs={6}
sm={6}
md={6}
lg={6}

有谁知道如何防止它重新调整，或者它的实际原因？

标签： cssreactjsgoogle-chromematerial-ui