diff --git a/src/routes/open/components/SafeNameForm/index.jsx b/src/routes/open/components/SafeNameForm/index.jsx index ec827c31..d200ade8 100644 --- a/src/routes/open/components/SafeNameForm/index.jsx +++ b/src/routes/open/components/SafeNameForm/index.jsx @@ -7,6 +7,7 @@ import { required } from '~/components/forms/validator' import Block from '~/components/layout/Block' import { FIELD_NAME } from '~/routes/open/components/fields' import Paragraph from '~/components/layout/Paragraph' +import { lg } from '~/theme/variables' import OpenPaper from '../OpenPaper' type Props = { @@ -17,25 +18,15 @@ const styles = () => ({ root: { display: 'flex', }, + container: { + maxWidth: '600px', + letterSpacing: '-0.5px', + padding: lg, + }, }) const SafeName = ({ classes }: Props) => ( - - - -) - -const SafeNameForm = withStyles(styles)(SafeName) - -const SafeNamePage = () => () => ( - + This setup will create a Safe with one or more owners. Optionally give the Safe a local name. By continuing you consent with the terms of use and privacy policy. @@ -46,7 +37,25 @@ const SafeNamePage = () => () => ( ● My Safe is a smart contract on the Ethereum blockchain. + + + + +) + +const SafeNameForm = withStyles(styles)(SafeName) + +const SafeNamePage = () => (controls: React$Node) => ( + + { controls } )