Update the style of the buttons in modal windows

src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/Review/index.jsx

@@ -154,15 +154,15 @@ const ReviewAddOwner = ({
       </Block>
       <Hairline />
       <Row align="center" className={classes.buttonRow}>
-        <Button className={classes.button} minWidth={140} onClick={onClickBack}>
+        <Button minWidth={140} minHeight={42} onClick={onClickBack}>
           Back
         </Button>
         <Button
           type="submit"
           onClick={handleSubmit}
-          className={classes.button}
           variant="contained"
           minWidth={140}
+          minHeight={42}
           color="primary"
           testId={ADD_OWNER_SUBMIT_BTN_TEST_ID}
         >

src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/ThresholdForm/index.jsx

@@ -101,14 +101,14 @@ owner(s)
             </Block>
             <Hairline />
             <Row align="center" className={classes.buttonRow}>
-              <Button className={classes.button} minWidth={140} onClick={onClickBack}>
+              <Button minWidth={140} minHeight={42} onClick={onClickBack}>
                 Back
               </Button>
               <Button
                 type="submit"
-                className={classes.button}
                 variant="contained"
                 minWidth={140}
+                minHeight={42}
                 color="primary"
                 testId={ADD_OWNER_THRESHOLD_NEXT_BTN_TEST_ID}
               >

src/routes/safe/components/Settings/ManageOwners/EditOwnerModal/index.jsx

@@ -102,10 +102,10 @@ const EditOwnerComponent = ({
             </Block>
             <Hairline />
             <Row align="center" className={classes.buttonRow}>
-              <Button className={classes.button} minWidth={140} onClick={onClose}>
+              <Button minWidth={140} minHeight={42} onClick={onClose}>
                 Cancel
               </Button>
-              <Button type="submit" className={classes.button} variant="contained" minWidth={140} color="primary" testId={SAVE_OWNER_CHANGES_BTN_TEST_ID}>
+              <Button type="submit" variant="contained" minWidth={140} minHeight={42} color="primary" testId={SAVE_OWNER_CHANGES_BTN_TEST_ID}>
                 Save
               </Button>
             </Row>

src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/CheckOwner/index.jsx

@@ -79,13 +79,14 @@ const CheckOwner = ({
       </Block>
       <Hairline />
       <Row align="center" className={classes.buttonRow}>
-        <Button className={classes.button} minWidth={140} onClick={onClose}>
+        <Button minWidth={140} minHeight={42} onClick={onClose}>
           Cancel
         </Button>
         <Button
           type="submit"
           variant="contained"
           minWidth={140}
+          minHeight={42}
           color="primary"
           onClick={handleSubmit}
           testId={REMOVE_OWNER_MODAL_NEXT_BTN_TEST_ID}

src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/index.jsx

@@ -175,14 +175,14 @@ Safe owner(s)
       </Block>
       <Hairline />
       <Row align="center" className={classes.buttonRow}>
-        <Button className={classes.button} minWidth={140} onClick={onClickBack}>
+        <Button minWidth={140} minHeight={42} onClick={onClickBack}>
           Back
         </Button>
         <Button
           type="submit"
           onClick={handleSubmit}
-          className={classes.button}
           variant="contained"
+          minHeight={42}
           minWidth={140}
           color="primary"
           testId={REMOVE_OWNER_REVIEW_BTN_TEST_ID}

src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/ThresholdForm/index.jsx

@@ -105,13 +105,13 @@ owner(s)
               </Block>
               <Hairline />
               <Row align="center" className={classes.buttonRow}>
-                <Button className={classes.button} minWidth={140} onClick={onClickBack}>
+                <Button minWidth={140} minHeight={42} onClick={onClickBack}>
                   Back
                 </Button>
                 <Button
                   type="submit"
-                  className={classes.button}
                   variant="contained"
+                  minHeight={42}
                   minWidth={140}
                   color="primary"
                   data-testid={REMOVE_OWNER_THRESHOLD_NEXT_BTN_TEST_ID}

src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/screens/Review/index.jsx

@@ -200,14 +200,14 @@ const ReviewRemoveOwner = ({
       </Block>
       <Hairline />
       <Row align="center" className={classes.buttonRow}>
-        <Button className={classes.button} minWidth={140} onClick={onClickBack}>
+        <Button minWidth={140} minHeight={42} onClick={onClickBack}>
           Back
         </Button>
         <Button
           type="submit"
           onClick={handleSubmit}
-          className={classes.button}
           variant="contained"
+          minHeight={42}
           minWidth={140}
           color="primary"
           testId={REPLACE_OWNER_SUBMIT_BTN_TEST_ID}

src/routes/safe/components/Settings/RemoveSafeModal/index.jsx

@@ -82,7 +82,7 @@ const RemoveSafeComponent = ({
     </Block>
     <Hairline />
     <Row align="center" className={classes.buttonRow}>
-      <Button className={classes.button} minWidth={140} onClick={onClose}>
+      <Button minWidth={140} minHeight={42} onClick={onClose}>
         Cancel
       </Button>
       <Button

src/routes/safe/components/Settings/RemoveSafeModal/style.js

@@ -27,6 +27,7 @@ export const styles = (theme: Object) => ({
   buttonRemove: {
     color: '#fff',
     backgroundColor: error,
+    height: '42px',
   },
   name: {
     textOverflow: 'ellipsis',

src/routes/safe/components/Settings/ThresholdSettings/ChangeThreshold/index.jsx

@@ -103,10 +103,10 @@ owner(s)
             </Block>
             <Hairline style={{ position: 'absolute', bottom: 85 }} />
             <Row align="center" className={classes.buttonRow}>
-              <Button className={classes.button} minWidth={140} onClick={onClose}>
+              <Button minWidth={140} onClick={onClose}>
                 BACK
               </Button>
-              <Button type="submit" color="primary" className={classes.button} minWidth={140} variant="contained">
+              <Button type="submit" color="primary" minWidth={140} variant="contained">
                 CHANGE
               </Button>
             </Row>

src/routes/safe/components/Transactions/TxsTable/ExpandedTx/ApproveTxModal/index.jsx

@@ -104,12 +104,11 @@ const ApproveTxModal = ({
               </Row>
             </Block>
             <Row align="center" className={classes.buttonRow}>
-              <Button className={classes.button} minWidth={140} minHeight={42} onClick={onClose}>
+              <Button minWidth={140} minHeight={42} onClick={onClose}>
                 Exit
               </Button>
               <Button
                 type="submit"
-                className={classes.button}
                 variant="contained"
                 minWidth={214}
                 minHeight={42}