apply the word break property to the container

This commit is contained in:
Agustín Longoni 2020-09-16 09:57:57 -03:00
parent 6636fdf930
commit a86c919b5b
1 changed files with 2 additions and 2 deletions

View File

@ -95,7 +95,7 @@ const ContractInteractionReview = ({ onClose, onPrev, tx }: Props): React.ReactE
<> <>
<Header onClose={onClose} subTitle="2 of 2" title="Contract Interaction" /> <Header onClose={onClose} subTitle="2 of 2" title="Contract Interaction" />
<Hairline /> <Hairline />
<Block className={classes.formContainer}> <Block className={classes.formContainer} style={{ wordBreak: 'break-word' }}>
<Row margin="xs"> <Row margin="xs">
<Paragraph color="disabled" noMargin size="md" style={{ letterSpacing: '-0.5px' }}> <Paragraph color="disabled" noMargin size="md" style={{ letterSpacing: '-0.5px' }}>
Contract Address Contract Address
@ -144,7 +144,7 @@ const ContractInteractionReview = ({ onClose, onPrev, tx }: Props): React.ReactE
</Paragraph> </Paragraph>
</Row> </Row>
<Row align="center" margin="md"> <Row align="center" margin="md">
<Paragraph className={classes.value} noMargin size="md" style={{ margin: 0, wordBreak: 'break-word' }}> <Paragraph className={classes.value} noMargin size="md" style={{ margin: 0 }}>
{value} {value}
</Paragraph> </Paragraph>
</Row> </Row>