Merge pull request #1072 from gnosis/issue-1053

Fix: Sapp confirmTXs modal width.

src/components/TextBox/index.tsx

@@ -9,8 +9,13 @@ const Box = styled.p`
   border: solid 2px ${border};
 `
 
-const TextBox = ({ children }: any) => {
+type Props = {
-  return <Box>{children}</Box>
+  children: React.ReactNode
+  className?: string
+}
+
+const TextBox = ({ children, ...rest }: Props): React.ReactElement => {
+  return <Box {...rest}>{children}</Box>
 }
 
 export default TextBox

src/routes/safe/components/Apps/confirmTransactions.tsx

@@ -54,6 +54,10 @@ const IconText = styled.div`
     margin-right: 4px;
   }
 `
+const StyledTextBox = styled(TextBox)`
+  max-width: 444px;
+`
+
 const isTxValid = (t: SafeAppTx): boolean => {
   if (!['string', 'number'].includes(typeof t.value)) {
     return false
@@ -111,7 +115,7 @@ const confirmTransactions = (
                 </div>
                 <div className="section">
                   <Heading tag="h3">Data (hex encoded)*</Heading>
-                  <TextBox>{tx.data}</TextBox>
+                  <StyledTextBox>{tx.data}</StyledTextBox>
                 </div>
               </CollapseContent>
             </Collapse>