From 7271d465e10c472534babd86d14010456481df23 Mon Sep 17 00:00:00 2001
From: nicosampler <nf.dominguez.87@gmail.com>
Date: Fri, 26 Jun 2020 11:10:05 -0300
Subject: [PATCH 1/3] Fix: Sapp confirmTXs modal width.

---
 src/components/TextBox/index.tsx                        | 4 ++--
 src/routes/safe/components/Apps/confirmTransactions.tsx | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/TextBox/index.tsx b/src/components/TextBox/index.tsx
index fe83677f..09f01ebe 100644
--- a/src/components/TextBox/index.tsx
+++ b/src/components/TextBox/index.tsx
@@ -9,8 +9,8 @@ const Box = styled.p`
   border: solid 2px ${border};
 `
 
-const TextBox = ({ children }: any) => {
-  return <Box>{children}</Box>
+const TextBox = ({ children, ...rest }: { children: React.ReactNode }): React.ReactElement => {
+  return <Box {...rest}>{children}</Box>
 }
 
 export default TextBox
diff --git a/src/routes/safe/components/Apps/confirmTransactions.tsx b/src/routes/safe/components/Apps/confirmTransactions.tsx
index b1afcf8d..f5ad686c 100644
--- a/src/routes/safe/components/Apps/confirmTransactions.tsx
+++ b/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>

From ecf9e1dd79812193033dfbd13047fd1063ef53af Mon Sep 17 00:00:00 2001
From: nicosampler <nf.dominguez.87@gmail.com>
Date: Fri, 26 Jun 2020 12:19:29 -0300
Subject: [PATCH 2/3] explicitly type classNames

---
 src/components/TextBox/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/TextBox/index.tsx b/src/components/TextBox/index.tsx
index 09f01ebe..a9a8ef01 100644
--- a/src/components/TextBox/index.tsx
+++ b/src/components/TextBox/index.tsx
@@ -9,7 +9,12 @@ const Box = styled.p`
   border: solid 2px ${border};
 `
 
-const TextBox = ({ children, ...rest }: { children: React.ReactNode }): React.ReactElement => {
+type Props = {
+  children: React.ReactNode
+  classNames?: string
+}
+
+const TextBox = ({ children, ...rest }: Props): React.ReactElement => {
   return <Box {...rest}>{children}</Box>
 }
 

From 5ddb48741155421119119b23003302e8665f1b48 Mon Sep 17 00:00:00 2001
From: nicosampler <nf.dominguez.87@gmail.com>
Date: Fri, 26 Jun 2020 12:29:01 -0300
Subject: [PATCH 3/3] typo

---
 src/components/TextBox/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TextBox/index.tsx b/src/components/TextBox/index.tsx
index a9a8ef01..db34972a 100644
--- a/src/components/TextBox/index.tsx
+++ b/src/components/TextBox/index.tsx
@@ -11,7 +11,7 @@ const Box = styled.p`
 
 type Props = {
   children: React.ReactNode
-  classNames?: string
+  className?: string
 }
 
 const TextBox = ({ children, ...rest }: Props): React.ReactElement => {