update threshold text

src/components/forms/validator.js

@@ -87,7 +87,7 @@ export const inLimit = (limit: number, base: number, baseText: string, symbol: s
   return `Should not exceed ${max} ${symbol} (amount to reach ${baseText})`
 }
 
-export const differentFrom = (diffValue: string) => (value: string) => {
+export const differentFrom = (diffValue: string | number) => (value: string) => {
   if (value === diffValue.toString()) {
     return `Value should be different than ${value}`
   }

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

@@ -41,7 +41,7 @@ const ChangeThreshold = ({
   }
 
   return (
-    <React.Fragment>
+    <>
       <Row align="center" grow className={classes.heading}>
         <Paragraph className={classes.headingText} weight="bolder" noMargin>
           Change required confirmations
@@ -53,7 +53,7 @@ const ChangeThreshold = ({
       <Hairline />
       <GnoForm onSubmit={handleSubmit} initialValues={{ threshold: threshold.toString() }}>
         {() => (
-          <React.Fragment>
+          <>
             <Block className={classes.modalContent}>
               <Row>
                 <Paragraph>
@@ -63,14 +63,14 @@ const ChangeThreshold = ({
               </Row>
               <Row>
                 <Paragraph weight="bolder">
-                  Any transaction over any daily limit requires the confirmation of:
+                  Any transaction requires the confirmation of:
                 </Paragraph>
               </Row>
               <Row margin="xl" align="center" className={classes.inputRow}>
                 <Col xs={2}>
                   <Field
                     name={THRESHOLD_FIELD_NAME}
-                    render={props => (
+                    render={(props) => (
                       <>
                         <SelectField {...props} disableError>
                           {[...Array(Number(owners.size))].map((x, index) => (
@@ -96,7 +96,7 @@ const ChangeThreshold = ({
                     {' '}
                     {owners.size}
                     {' '}
-                    owner(s)
+owner(s)
                   </Paragraph>
                 </Col>
               </Row>
@@ -110,10 +110,10 @@ const ChangeThreshold = ({
                 CHANGE
               </Button>
             </Row>
-          </React.Fragment>
+          </>
         )}
       </GnoForm>
-    </React.Fragment>
+    </>
   )
 }
 

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

@@ -49,12 +49,9 @@ const ThresholdSettings = ({
               <Block className={classes.container}>
                 <Heading tag="h3">Required confirmations</Heading>
                 <Paragraph>
-                  Any transaction over any daily limit
+                  Any transaction requires the confirmation of:
-                  <br />
-                  {' '}
-                  requires the confirmation of:
                 </Paragraph>
-                <Paragraph size="xxl" className={classes.ownersText}>
+                <Paragraph size="lg" className={classes.ownersText}>
                   <Bold>{threshold}</Bold>
                   {' '}
                   out of

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

@@ -5,7 +5,6 @@ import {
 
 export const styles = () => ({
   ownersText: {
-    fontSize: '26px',
     color: secondaryText,
     '& b': {
       color: fontColor,