diff --git a/packages/styles/scss/components/card-group/_card-group.scss b/packages/styles/scss/components/card-group/_card-group.scss index c74361be73a..cdb9e46b2ab 100644 --- a/packages/styles/scss/components/card-group/_card-group.scss +++ b/packages/styles/scss/components/card-group/_card-group.scss @@ -59,6 +59,10 @@ :host(#{$c4d-prefix}-card-group-item) { display: contents; + * { + row-gap: 0; + } + .#{$prefix}--card { display: grid; border: 0; @@ -73,6 +77,7 @@ display: grid; justify-content: revert; grid-row: span 10; + grid-template-columns: subgrid; grid-template-rows: subgrid; &::before, @@ -91,15 +96,15 @@ .#{$prefix}--card__content { display: grid; grid-area: 1 / 1 / -1 / -1; + grid-template-columns: subgrid; grid-template-rows: subgrid; - row-gap: 0; } .#{$prefix}--card__copy { display: grid; grid-row: span 2; + grid-template-columns: subgrid; grid-template-rows: subgrid; - row-gap: 0; } } diff --git a/packages/web-components/src/components/cta-block/cta-block.scss b/packages/web-components/src/components/cta-block/cta-block.scss index 0a57d7c1d45..89f576b637e 100644 --- a/packages/web-components/src/components/cta-block/cta-block.scss +++ b/packages/web-components/src/components/cta-block/cta-block.scss @@ -169,6 +169,7 @@ position: relative; display: grid; grid-row: auto / span 5; + grid-template-columns: subgrid; grid-template-rows: subgrid; inline-size: 100%; margin-block: 0;