Reactjs 如何在grommet react js中调整选择组件的大小？

我正在前端创建一个表单，使用texInput、单选按钮和selectcomponent。所有texInput单选按钮组件均为一种尺寸，但选择组件尺寸非常小，请帮助我解决与texInput组件尺寸相同的选择组件问题

put your form in a container and override the css of the select component :
css----------------
    .yourClassName{
        width: 100%!important;
    }
html-----------------------
    <Container>
      <Col md={{ span: 6, offset: 3 }}>
      <Form onSubmit={this.onSubmitForm}>
                  <Form.Row>
                    <Col md={{ span: 3 }}>
                      <Form.Group as={Row} controlId="Email">
                        <Form.Label>Email Address</Form.Label>
                        <Form.Control type="email" placeholder="Enter Email" name="Email" 
                           value={this.state.Email} onChange={this.handleChange} />
                      </Form.Group>
                    </Col>
                    <Col md={{ span: 3}}>
                      <Form.Group as={Row} controlId="Name">
                        <Form.Label>Name</Form.Label>
                        <Form.Control type="text" placeholder="Enter Name" name="Name" 
                          value={this.state.Name} onChange={this.handleChange} />
                      </Form.Group>
                    </Col>
         </Form.Row>
         <Form>
      </Col>
    </Container>

将表单放入容器中，并覆盖选择组件的css：
css----------------
.你的类名{
宽度：100%！重要；
}
html-----------------------
电子邮件地址
名称

将表单放入容器中，并覆盖选定组件的css：
css----------------
.你的类名{
宽度：100%！重要；
}
html-----------------------
电子邮件地址
名称