diff --git a/app/frontend/src/stylesheets/modules/store/store-settings.scss b/app/frontend/src/stylesheets/modules/store/store-settings.scss index 14fed2ea4..a6a8e31ba 100644 --- a/app/frontend/src/stylesheets/modules/store/store-settings.scss +++ b/app/frontend/src/stylesheets/modules/store/store-settings.scss @@ -11,14 +11,19 @@ grid-column: 2 / -2; } form { - grid-column: 1 / -1; - display: flex; - .setting-section { - margin: 1rem 2rem; - width: 50%; + grid-column: 2 / -2; + @include grid-col(2); + gap: 2.4rem 3.2rem; + + .setting-section { grid-column: 1 / -1; } + @media (min-width: 1024px) { + .setting-section { grid-column: span 1; } } + .section-title { @include title-base; } .save-btn { + grid-column: 1 / -1; + justify-self: flex-start; background-color: var(--main); color: var(--gray-soft-lightest); border: none;