2 files changed, 55 insertions, 4 deletions

diff --git a/src/containers/auth/InviteScreen.js b/src/containers/auth/InviteScreen.js
index 42a00f1fc..7102df0b9 100644
--- a/src/containers/auth/InviteScreen.js
+++ b/src/containers/auth/InviteScreen.js
@@ -17,10 +17,13 @@ export default class InviteScreen extends Component {
     } = this.props;
 
     return (
-      <Invite
-        onSubmit={actions.user.invite}
-        from={location.query.from}
-      />
+      <div className="auth__container auth__container--signup">
+        <Invite
+          onSubmit={actions.user.invite}
+          from={location.query.from}
+          embed={false}
+        />
+      </div>
     );
   }
 }
diff --git a/src/containers/settings/InviteScreen.js b/src/containers/settings/InviteScreen.js
new file mode 100644
index 000000000..5a7c64f73
--- /dev/null
+++ b/src/containers/settings/InviteScreen.js
@@ -0,0 +1,48 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { inject, observer } from 'mobx-react';
+import Invite from '../../components/auth/Invite';
+import { gaPage } from '../../lib/analytics';
+
+@inject('stores', 'actions') @observer
+export default class InviteScreen extends Component {
+  componentDidMount() {
+    gaPage('Settings/Invite');
+  }
+
+  render() {
+    const {
+      actions,
+      location,
+    } = this.props;
+
+    return (
+      <div className="settings__main">
+        <div className="settings__header">
+          {/* <h1>{intl.formatMessage(messages.headline)}</h1> */}
+          <h1>Invite Friends</h1>
+        </div>
+        <div className="settings__body invite__form">
+          <Invite
+            onSubmit={actions.user.invite}
+            from={location.query.from}
+            embed={location.query.embed}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+InviteScreen.wrappedComponent.propTypes = {
+  actions: PropTypes.shape({
+    user: PropTypes.shape({
+      invite: PropTypes.func.isRequired,
+    }).isRequired,
+  }).isRequired,
+  location: PropTypes.shape({
+    query: PropTypes.shape({
+      from: PropTypes.string,
+    }),
+  }).isRequired,
+};