Change row height of Multi-line Text box

By default the row hieght of Multi-line Text Box is 2 row high.However grid size can be increased by dragging the Multi-line Text Box.

But I need 5 row high Text Box.So that I am able to see atleast 5 row text at a time.Is this possible? If yes Please help with the property in css file.

The height is set to @baseLineHeight * 3 + 8px (see the reference to the source below). To override this, you can add something like .orbeon .fr-view textarea { heigth: 100px } in say custom.css, that you place under WEB-INF/resources/config, and reference from a property <property as="xs:string"  name="oxf.fr.css.custom.uri.*.*" value="/config/custom.css"/> in your properties-local.xml.

https://github.com/orbeon/orbeon-forms/blob/4.5-ce/src/resources/apps/fr/style/form-runner-bootstrap-override.less#L16

Alex