Tengo el siguiente formulario en reaccionar.

Necesito reducir el espacio entre el ícono de lista y la etiqueta. Estoy usando el siguiente CSS para lo mismo.

 .form__container { display: flex; flex-wrap: wrap; } .form__container input { color: rgb(115, 0, 255); size: 100%; position: relative; flex-wrap: wrap; width: 300px; } .form__container li ul { flex-wrap: nowrap; width: 100px; }

A continuación se muestra mi componente de reacción.

 return ( <div> <FormValidator emitter={this.emitter} /> <div > <form encType='multipart/form-data' action={this.props.form_action} method={this.props.form_method} className='form__container'> { this.props.authenticity_token && <div style={formTokenStyle}> <input name='utf8' type='hidden' value='&#x2713;' /> <input name='authenticity_token' type='hidden' value={this.props.authenticity_token} /> <input name='task_id' type='hidden' value={this.props.task_id} /> </div> } {items} </form> <div> {validationList} </div> </div> </div> )

¿Puede alguien por favor ayudarme con esto?