diff --git a/apps/client/src/components/Pages/auth/Layout/Layout.module.scss b/apps/client/src/components/Pages/auth/Layout/Layout.module.scss
index 9beb4113a..04a0bdee2 100644
--- a/apps/client/src/components/Pages/auth/Layout/Layout.module.scss
+++ b/apps/client/src/components/Pages/auth/Layout/Layout.module.scss
@@ -81,5 +81,5 @@ $headerHeight: 120px;
.fixed_illu {
position: fixed;
bottom: u(10);
- left: u(26);
+ left: max(8vw, 10px);
}
diff --git a/apps/client/src/components/Pages/auth/Layout/Layout.tsx b/apps/client/src/components/Pages/auth/Layout/Layout.tsx
index 9ac179b8e..1e89c0e59 100644
--- a/apps/client/src/components/Pages/auth/Layout/Layout.tsx
+++ b/apps/client/src/components/Pages/auth/Layout/Layout.tsx
@@ -59,7 +59,7 @@ const Layout = (props: Props) => {
}
/>
)}
-
+
{props.children}
{!props.fullWidth && (
@@ -81,7 +81,6 @@ const Layout = (props: Props) => {
)}
-
{props.fullWidth && (
diff --git a/apps/client/src/scss/components/auth.module.scss b/apps/client/src/scss/components/auth.module.scss
index ce4b8bc2c..d1a0fe1c6 100644
--- a/apps/client/src/scss/components/auth.module.scss
+++ b/apps/client/src/scss/components/auth.module.scss
@@ -14,17 +14,23 @@
}
&.full {
- width: 720px;
+ max-width: 48rem;
margin: auto;
.container_inner {
- padding: 0 u(38);
- position: relative;
-
- .back_button {
- position: absolute;
- top: 0;
- left: 0;
+ padding: 0 u(4);
+ margin-bottom: 170px; /* To compensate the illustration height */
+ /* stylelint-disable-next-line media-feature-range-notation */
+ @media (min-width: 48em) {
+ padding: 0 9.5rem;
+ margin-bottom: 0;
+ position: relative;
+
+ .back_button {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
}
}
}