diff --git a/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.scss b/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.scss index 57907855b..7887cbb61 100644 --- a/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.scss +++ b/src/app/onboarding/components/glam/glam-goals-screen/glam-goals-screen.component.scss @@ -2,6 +2,10 @@ @import 'fonts'; @import 'variables'; +:host { + max-width: 80rem; +} + .goals { display: grid; grid-template-columns: repeat(4, 1fr); @@ -58,7 +62,8 @@ p { .text-container { display: flex; - gap: 64px; + gap: 15rem; + justify-content: space-between; @media (max-width: 854px) { flex-direction: column; gap: 16px; diff --git a/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.scss b/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.scss index c1580f3af..8c6703afb 100644 --- a/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.scss +++ b/src/app/onboarding/components/glam/glam-reasons-screen/glam-reasons-screen.component.scss @@ -2,6 +2,10 @@ @import 'fonts'; @import 'variables'; +:host { + max-width: 78rem; +} + .reasons { display: grid; grid-template-columns: repeat(4, 1fr);