Add styles for full output

src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/RenderOutputParams/index.tsx

@@ -1,12 +1,26 @@
 import React from 'react'
 import { useField } from 'react-final-form'
+import { withStyles } from '@material-ui/core/styles'
 
 import TextField from 'src/components/forms/TextField'
 import Col from 'src/components/layout/Col'
 import Paragraph from 'src/components/layout/Paragraph'
 import Row from 'src/components/layout/Row'
 
-const RenderOutputParams = () => {
+const styles = () => ({
+  output: {
+    '& > div': {
+      '& > textarea': {
+        letterSpacing: '-0.5px',
+        lineHeight: '20px',
+        height: '40px',
+        overflowY: 'auto',
+      },
+    },
+  },
+})
+
+const RenderOutputParams = ({ classes }) => {
   const {
     input: { value: method },
   }: any = useField('selectedMethod', { subscription: { value: true } })
@@ -31,7 +45,10 @@ const RenderOutputParams = () => {
           <Row key={key} margin="sm">
             <Col>
               <TextField
+                className={classes.output}
+                multiline
                 disabled
+                rowsMax={3}
                 input={{ name: key, value, placeholder, type: 'text' }}
                 meta={{ valid: true }}
                 testId={key}
@@ -45,4 +62,4 @@ const RenderOutputParams = () => {
   ) : null
 }
 
-export default RenderOutputParams
+export default withStyles(styles as any)(RenderOutputParams)