Как центрировать форму входа на веб-странице / в браузере с помощью Antd?

Токовый выход:

<Row type = "flex" justify = "center" align = "center">
    <Col span = {4} >
      <form onSubmit = {handleSubmit(this.handleSubmit)} >
        <Field
          style = {{ marginBottom: 12 }}
          prefix = {<Icon type = "user" style = {{ color: 'rgba(0,0,0,.25)' }} />}
          name = "name"
          type = "text"
          component = {AInput}
        />
        <Field
          style = {{ marginBottom: 12 }}
          className = "form-group"
          prefix = {<Icon type = "lock" style = {{ color: 'rgba(0,0,0,.25)' }} />}
          name = "password"
          type = "password"
          component = {AInput}
          />

          <Button

            block
            type = "primary"
            htmlType = "submit"
            className = "login-form-button"
          >
            Log in
          </Button>
      </form>
    </Col>
  </Row>

приведенная выше форма входа должна располагаться по центру веб-страницы, я пробовал использовать элементы стиля antd, но не смог. он будет использовать встроенный стиль css, но я не хочу этого.