Creé una entrada en mi aplicación y funciona bien, pero me cuesta mucho cambiar el lugar donde aparece el texto en el campo de entrada una vez que configuro la altura. Intenté usar vertical-align: top justifying-content: flex-start configurando el relleno superior en 0. Intenté casi todo lo que se me ocurrió para controlar dónde cae el texto dentro de la entrada, pero no puedo moverlo...

 <div> <Input className="rxProviderNotes " value={providerNotes} onChange={providerNotesChange} name="assessment" id="assessment" placeholder="Type any additional notes..." type="text" /> </div>

el estilo es muy mínimo simplemente configurando la altura:

 .rxProviderNotes { height: 185px; }

pero por alguna razón se muestra así: