投稿とっても素敵なMaterialUIですがたまに痒いところに手が届かない。コンテンツのサイズより大きめに表示されてしまいます。こんな保存確認ダイアログを表示しようとした場合。onChange={(e)=>this.handleChangeTitle(e)}/></Dialog>あぁ、長い。下記のようにcontentStyle属性で直接幅・高さを指定する、という方法も解決方法のひとつとしてはありですが。onChange={(e)=>this.handleChangeTitle(e)}/></Dialog>ダイアログが登場する度に指定するの?コンテンツが可変の場合どうするの?という問題達にぶち当たります。Reduxで上手いことダイアログの表示処理自体を集約してコンテンツだけ切り替えたい、という場合は尚更ですよね。考え抜いた末に編み出した小技がこちら。position:fixedにより座標指定で配置されているダイアログを無理やりflexboxで真ん中に配置されるよう上書きしてしまうという方法。!important指定しなくてはならないのが大変残念ですが個人的にはとても重宝しています。表示位置はwindowのリサイズイベントにも追従しますよ。