无法改变材料ui snackbar的宽度

Question

当我尝试将长文本设置到小吃栏时，动作名称会显示在小吃栏之外。我尝试使用常量数字和minWidth和maxWidth设置高度，如下面的代码片段中所指定但不起作用。

截图：

<Snackbar
        open={this.state.open}
        message={this.state.error}
        autoHideDuration={4000}
        bodyStyle={bodyStyle}
        action="Close"
        onRequestClose={this.handleRequestClose}
        onActionTouchTap={this.handleRequestClose}
        style={snackbarfromTop}
      />

   bodyStyle:{
  border: "2px solid #ffffff",
  minWidth: '50%',
  maxWidth: '100%',
  flexGrow: 0,
  height:'55px',
  backgroundColor: 'transparent',
  fontFamily: "Open Sans,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif",
  fontStyle: 'normal',
  fontWeight: 400,
  fontSize: 16
}

snackbarfromTop: {
  top: 0,
  color: white,
  bottom: 'auto',
}