React Material组件在CodeSandbox中无法水平居中的问题排查与修复

我正在CodeSandbox中调试Material Design相关的React项目。
我的核心需求是实现页面组件的水平居中对齐。
当前页面的实际渲染效果如下：
![页面效果截图]
为了方便观察组件的实际渲染边界，我给顶层的Container组件设置了backgroundColor: "#cfe8ac"的淡绿色背景。调试时发现，该组件始终无法实现水平居中：我已经尝试过给组件添加alignItems="center"、justify="center"属性做调整，但所有配置都没有生效，目前暂时不清楚应该在哪个层级编写对应样式规则。

更新说明 #

该问题目前已成功修复，感谢@yun_jay的帮助。

内容的提问来源于stack exchange，提问作者Kid