[antd step pit] antd form cooperates with input Form The height occupied by item is incorrect

Antd Form coordination Input.Group When Form.Item The height occupied is wrong , The interval will be too large , The red box is shown below

Look at the code , Probably because Input.Group Cause extra margin-bottom

		</Form.Item>
            <Form.Item label="Y Spindle value range ">
              <Input.Group compact>
                <Form.Item name="YMainAxisRangeMin">
                  <Input
                    addonBefore=""
                    style={
    {
     width: 100, textAlign: 'center' }}
                    placeholder="Minimum"
                  />
                </Form.Item>
                <Input
                  className="site-input-split"
                  style={
    {
    
                    width: 30,
                    borderLeft: 0,
                    borderRight: 0,
                    pointerEvents: 'none',
                  }}
                  placeholder="~"
                  disabled
                />
                <Form.Item name="YMainAxisRangeMax">
                  <Input
                    className="site-input-right"
                    style={
    {
    
                      width: 100,
                      textAlign: 'center',
                    }}
                    placeholder="Maximum"
                  />
                </Form.Item>
              </Input.Group>
            </Form.Item>

          <Form.Item label="Y Spindle step length " name="YMainAxisStep">
            <Input
              style={
    {
     width: 100, textAlign: 'center' }}
              placeholder="Y Spindle step length "
            />
          </Form.Item>

Think of a solution ： stay Form.Item Nest another div And limit its height , Can solve 「 I know that the symptoms are not the root causes , Don't spray if you don't like it 」

		</Form.Item>
          <div style={
    {
     height: '56px' }}>
            <Form.Item label="Y Spindle value range ">
              <Input.Group compact>
                <Form.Item name="YMainAxisRangeMin">
                  <Input
                    addonBefore=""
                    style={
    {
     width: 100, textAlign: 'center' }}
                    placeholder="Minimum"
                  />
                </Form.Item>
                <Input
                  className="site-input-split"
                  style={
    {
    
                    width: 30,
                    borderLeft: 0,
                    borderRight: 0,
                    pointerEvents: 'none',
                  }}
                  placeholder="~"
                  disabled
                />
                <Form.Item name="YMainAxisRangeMax">
                  <Input
                    className="site-input-right"
                    style={
    {
    
                      width: 100,
                      textAlign: 'center',
                    }}
                    placeholder="Maximum"
                  />
                </Form.Item>
              </Input.Group>
            </Form.Item>
          </div>

          <Form.Item label="Y Spindle step length " name="YMainAxisStep">
            <Input
              style={
    {
     width: 100, textAlign: 'center' }}
              placeholder="Y Spindle step length "
            />
          </Form.Item>

The style after writing is shown in the following figure , The interval is normal ～