Update styles

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

@@ -4,6 +4,7 @@ import { withStyles } from '@material-ui/core/styles'
 import Block from '~/components/layout/Block'
 import Col from '~/components/layout/Col'
 import Field from '~/components/forms/Field'
+import Heading from '~/components/layout/Heading'
 import { composeValidators, required, minMaxLength } from '~/components/forms/validator'
 import TextField from '~/components/forms/TextField'
 import GnoForm from '~/components/forms/GnoForm'
@@ -49,10 +50,8 @@ const ChangeSafeName = (props: Props) => {
         {() => (
           <React.Fragment>
             <Block className={classes.formContainer}>
-              <Paragraph noMargin className={classes.title} size="lg" weight="bolder">
-                Modify Safe name
-              </Paragraph>
-              <Paragraph size="sm">
+              <Heading tag="h3">Modify Safe name</Heading>
+              <Paragraph>
                 You can change the name of this Safe. This name is only stored locally and never shared with Gnosis or
                 any third parties.
               </Paragraph>

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

@@ -2,12 +2,8 @@
 import { lg } from '~/theme/variables'
 
 export const styles = () => ({
-  title: {
-    padding: `${lg} 0 20px`,
-    fontSize: '16px',
-  },
   formContainer: {
-    padding: '0 20px',
+    padding: lg,
     minHeight: '369px',
   },
   root: {