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 }
)