diff --git a/src/app/pages/subjects/new/subjects-listing.scss b/src/app/pages/subjects/new/subjects-listing.scss index 310196607..d84b249b1 100644 --- a/src/app/pages/subjects/new/subjects-listing.scss +++ b/src/app/pages/subjects/new/subjects-listing.scss @@ -4,10 +4,9 @@ background-color: ui-color(white); .content { - display: flex; - flex-wrap: wrap; + display: grid; gap: 5rem 3rem; - justify-content: space-between; + grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); } nav { diff --git a/src/app/pages/subjects/new/subjects.scss b/src/app/pages/subjects/new/subjects.scss index 7de9c510f..da59b33b3 100644 --- a/src/app/pages/subjects/new/subjects.scss +++ b/src/app/pages/subjects/new/subjects.scss @@ -34,10 +34,19 @@ .language-selector-section { background-color: ui-color(white); + padding-top: 4rem; } .language-selector { @include scale-feature(margin-bottom, 2rem, 3rem); + + position: relative; + z-index: 1; + + > span { + background-color: ui-color(white); + padding: 0.2rem 0.5rem; + } } .savings-blurb {