diff --git a/packages/cxl-ui/scss/global/cxl-app-layout.scss b/packages/cxl-ui/scss/global/cxl-app-layout.scss index c1c8d7440..e3db3c092 100644 --- a/packages/cxl-ui/scss/global/cxl-app-layout.scss +++ b/packages/cxl-ui/scss/global/cxl-app-layout.scss @@ -1,4 +1,5 @@ @use "~@conversionxl/cxl-lumo-styles/scss/mixins" as cxl-lumo-styles-mixins; +@use "~@conversionxl/cxl-lumo-styles/scss/mq"; @use "../mixins"; cxl-app-layout { @@ -139,4 +140,16 @@ cxl-app-layout { } } } + + #cxl-feature-cover { + padding: var(--lumo-space-m) var(--cxl-wrap-padding); + + @media #{mq.$large} { + padding: var(--lumo-space-m) var(--cxl-wrap-padding); + } + + @media #{mq.$retina} { + padding: var(--lumo-space-m) calc(2 * var(--lumo-space-xl)); + } + } }