diff --git a/src/styles/components/prose.css b/src/styles/components/prose.css index 50e6f42..3c4581d 100644 --- a/src/styles/components/prose.css +++ b/src/styles/components/prose.css @@ -50,10 +50,10 @@ /* Apply when the container reaches `inline-size: 46rem`. */ @container root (inline-size > 51.125rem) { - margin-inline-start: calc(var(--wrapper-padding-left) * -1); - margin-inline-end: calc((100cqi - var(--wrapper-padding-left) - 100%) * -1); - padding-inline-start: var(--wrapper-padding-left); - padding-inline-end: var(--wrapper-padding-right); + margin-right: calc((100cqi - var(--wrapper-padding-left) - 100%) * -1); + margin-left: calc(var(--wrapper-padding-left) * -1); + padding-right: var(--wrapper-padding-right); + padding-left: var(--wrapper-padding-left); } } diff --git a/src/styles/components/wrapper.css b/src/styles/components/wrapper.css index c68248d..162aea6 100644 --- a/src/styles/components/wrapper.css +++ b/src/styles/components/wrapper.css @@ -13,8 +13,8 @@ ); box-sizing: content-box; - padding-inline-start: var(--wrapper-padding-left); - padding-inline-end: var(--wrapper-padding-right); + padding-right: var(--wrapper-padding-right); + padding-left: var(--wrapper-padding-left); max-inline-size: var(--wrapper-column); > :where(*) {