From 6636fdf93071b3fe6268e337cb16c5816a8b5c3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Tue, 15 Sep 2020 19:24:47 -0300
Subject: [PATCH 1/3] add word-break property

---
 .../SendModal/screens/ContractInteraction/Review/index.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
index 5d2d1c1064..a2535e6fbc 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
+++ b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
@@ -144,7 +144,7 @@ const ContractInteractionReview = ({ onClose, onPrev, tx }: Props): React.ReactE
                 </Paragraph>
               </Row>
               <Row align="center" margin="md">
-                <Paragraph className={classes.value} noMargin size="md" style={{ margin: 0 }}>
+                <Paragraph className={classes.value} noMargin size="md" style={{ margin: 0, wordBreak: 'break-word' }}>
                   {value}
                 </Paragraph>
               </Row>

From a86c919b5bbf2d6d413de85c469f12bc85baf680 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Wed, 16 Sep 2020 09:57:57 -0300
Subject: [PATCH 2/3] apply the word break property to the container

---
 .../SendModal/screens/ContractInteraction/Review/index.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
index a2535e6fbc..e799d62699 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
+++ b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
@@ -95,7 +95,7 @@ const ContractInteractionReview = ({ onClose, onPrev, tx }: Props): React.ReactE
     <>
       <Header onClose={onClose} subTitle="2 of 2" title="Contract Interaction" />
       <Hairline />
-      <Block className={classes.formContainer}>
+      <Block className={classes.formContainer} style={{ wordBreak: 'break-word' }}>
         <Row margin="xs">
           <Paragraph color="disabled" noMargin size="md" style={{ letterSpacing: '-0.5px' }}>
             Contract Address
@@ -144,7 +144,7 @@ const ContractInteractionReview = ({ onClose, onPrev, tx }: Props): React.ReactE
                 </Paragraph>
               </Row>
               <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}
                 </Paragraph>
               </Row>

From 835e647072422fe441e1287c8dbb61d3dac14b19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Wed, 16 Sep 2020 11:04:49 -0300
Subject: [PATCH 3/3] add styles to class formContainer

---
 .../SendModal/screens/ContractInteraction/Review/index.tsx      | 2 +-
 .../Balances/SendModal/screens/ContractInteraction/style.ts     | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
index e799d62699..5d2d1c1064 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
+++ b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/Review/index.tsx
@@ -95,7 +95,7 @@ const ContractInteractionReview = ({ onClose, onPrev, tx }: Props): React.ReactE
     <>
       <Header onClose={onClose} subTitle="2 of 2" title="Contract Interaction" />
       <Hairline />
-      <Block className={classes.formContainer} style={{ wordBreak: 'break-word' }}>
+      <Block className={classes.formContainer}>
         <Row margin="xs">
           <Paragraph color="disabled" noMargin size="md" style={{ letterSpacing: '-0.5px' }}>
             Contract Address
diff --git a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts
index 14fdac1441..9b18ef70e5 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts
+++ b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts
@@ -26,6 +26,7 @@ export const styles = createStyles({
   },
   formContainer: {
     padding: `${md} ${lg}`,
+    wordBreak: 'break-word',
   },
   value: {
     marginLeft: sm,