Estoy usando los componentes Row y Col de antd para crear una cuadrícula receptiva. Sin embargo, cuando una columna se envuelve por debajo debido a un punto de interrupción, hay un espacio en blanco claro (casi seguro causado por medianeras) al final de la línea arriba de lo que se muestra a continuación:

Los campos de texto pertenecen a una fila y el botón a otra. Hay un margen al lado de cada campo de texto del que quiero deshacerme para que se ajusten correctamente al ancho del padre.

¿Cómo haría para hacer eso? Demostración rápida:

 <Row> <Col xs={{span: 24}}> <Row> <Col xs={{span: 24}} ...> <Input/> </Col> <Col xs={{span: 24}} ...> <Input/> </Col> <Col xs={{span: 24}} ...> <DateRangerPicker/> </Col> </Row> </Col> <Col xs={{span: 24}}> <Button/> </Col> </Row>