diff --git a/src/containers/AuthenticationPage/AuthenticationPage.css b/src/containers/AuthenticationPage/AuthenticationPage.css
index 5f535fbe..39e40c40 100644
--- a/src/containers/AuthenticationPage/AuthenticationPage.css
+++ b/src/containers/AuthenticationPage/AuthenticationPage.css
@@ -1,5 +1,13 @@
@import '../../marketplace.css';
+.layoutWrapperMain {
+ min-height: calc(100vh - var(--topbarHeight));
+
+ @media (--viewportMedium) {
+ min-height: calc(100vh - var(--topbarHeightDesktop));
+ }
+}
+
.root {
@apply --marketplaceModalRootStyles;
}
diff --git a/src/containers/AuthenticationPage/AuthenticationPage.js b/src/containers/AuthenticationPage/AuthenticationPage.js
index 0ea25b87..cd97b4ee 100644
--- a/src/containers/AuthenticationPage/AuthenticationPage.js
+++ b/src/containers/AuthenticationPage/AuthenticationPage.js
@@ -20,6 +20,11 @@ import {
IconEmailSent,
InlineTextButton,
IconClose,
+ LayoutSingleColumn,
+ LayoutWrapperTopbar,
+ LayoutWrapperMain,
+ LayoutWrapperFooter,
+ Footer,
} from '../../components';
import { LoginForm, SignupForm, TopbarContainer } from '../../containers';
import { login, authenticationInProgress, signup } from '../../ducks/Auth.duck';
@@ -216,10 +221,19 @@ export const AuthenticationPageComponent = props => {
name: schemaTitle,
}}
>
-