diff --git a/src/index.jsx b/src/index.jsx
index 40ad2a2..a9aa285 100755
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -11,8 +11,7 @@ import Footer, { messages as footerMessages } from '@edx/frontend-component-foot
 
 import configureStore from './data/configureStore';
 import AccountSettingsPage, { NotFoundPage } from './account-settings';
-import LoginPage from './login';
-import RegistrationPage from './registration';
+import { LoginPage, RegistrationPage } from './registration';
 import appMessages from './i18n';
 
 import './index.scss';
diff --git a/src/login/LoginPage.jsx b/src/login/LoginPage.jsx
deleted file mode 100644
index 04dfc23..0000000
--- a/src/login/LoginPage.jsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import React from 'react';
-import EmailField from '../account-settings/EmailField';
-
-export default () => <EmailField />;
diff --git a/src/login/index.js b/src/login/index.js
deleted file mode 100644
index bcf7912..0000000
--- a/src/login/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './LoginPage';
diff --git a/src/registration/LoginPage.jsx b/src/registration/LoginPage.jsx
new file mode 100644
index 0000000..c6c50aa
--- /dev/null
+++ b/src/registration/LoginPage.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { Input } from '@edx/paragon';
+
+
+export default () => (
+  <div className="form-group">
+    <div className="d-flex align-items-start">
+      <h6 aria-level="3">Password</h6>
+      <Input
+        name={name}
+        id={id}
+        type="email"
+        value={value}
+        onChange={handleChange}
+      />
+    </div>
+  </div>
+);
diff --git a/src/registration/index.js b/src/registration/index.js
index c58da73..3df21c4 100644
--- a/src/registration/index.js
+++ b/src/registration/index.js
@@ -1 +1,3 @@
-export { default } from './RegistrationPage';
+export { LoginPage } from './LoginPage';
+export { RegistrationPage } from './RegistrationPage';
+