diff --git a/src/components/PageContentWrapper/_pageContentWrapper.scss b/src/components/PageContentWrapper/_pageContentWrapper.scss index 27417a85..51fc5a72 100644 --- a/src/components/PageContentWrapper/_pageContentWrapper.scss +++ b/src/components/PageContentWrapper/_pageContentWrapper.scss @@ -3,7 +3,11 @@ .#{$px}-page-content-wrapper { padding: 0 $padding-md; + @media (min-width: $breakpoint-md) { + padding: 0 $padding-lg; + } + @media (min-width: $breakpoint-xl) { - padding: 0 3.25rem; + padding: 0 $padding-xl; } } diff --git a/src/design/spacing-tokens/spacing-tokens.mdx b/src/design/spacing-tokens/spacing-tokens.mdx index bdb5f419..ccec0c9b 100644 --- a/src/design/spacing-tokens/spacing-tokens.mdx +++ b/src/design/spacing-tokens/spacing-tokens.mdx @@ -77,7 +77,7 @@ import StackAlt from '../assets/stackalt.svg'; 1.75rem - 2.5rem + 2.25rem @@ -91,7 +91,7 @@ import StackAlt from '../assets/stackalt.svg'; 2.75rem - 3.75rem + 3.25rem @@ -105,7 +105,7 @@ import StackAlt from '../assets/stackalt.svg'; 3.75rem - 5rem + 4.25rem diff --git a/src/scss/_vars.scss b/src/scss/_vars.scss index 95b9aca9..a2cb171e 100644 --- a/src/scss/_vars.scss +++ b/src/scss/_vars.scss @@ -340,9 +340,9 @@ $snowflake-menu-padding: 1.25rem; --spacing-micro: 0.5rem; --spacing-xsm: 0.75rem; --spacing-sm: 1.25rem; - --spacing-md: 2.5rem; - --spacing-lg: 3.75rem; - --spacing-xl: 5rem; + --spacing-md: 2.25rem; + --spacing-lg: 3.25rem; + --spacing-xl: 4.25rem; --spacing-xxl: 5.25rem; --spacing-xxxl: 6.25rem; }