diff --git a/web-components/src/global.css.js b/web-components/src/global.css.js index a2604dd7..7b24cd55 100644 --- a/web-components/src/global.css.js +++ b/web-components/src/global.css.js @@ -252,14 +252,14 @@ merch-card [slot='callout-text'] img { align-self: flex-start; } -merch-card [variant="mini-compare-chart"] [slot='callout-text'] p { +merch-card[variant="mini-compare-chart"] [slot='callout-text'] { + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); +} +merch-card[variant="mini-compare-chart"] [slot='callout-text'] p { background: var(--consonant-merch-card-callout-background-color) 0% 0% no-repeat padding-box; border-radius: 4px; opacity: 0.5; - margin: 5px 2px; - padding: 0px 5px; display: inline-flex; - padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); } merch-card [variant="mini-compare-chart"] [slot='callout-text'] img { diff --git a/web-components/test/merch-card.mini-compare.test.html b/web-components/test/merch-card.mini-compare.test.html index e2289be5..e069bff8 100644 --- a/web-components/test/merch-card.mini-compare.test.html +++ b/web-components/test/merch-card.mini-compare.test.html @@ -422,16 +422,18 @@
<

Creative Cloud All Apps

-

AI Assistant add-on available

-

- - For a limited time pay when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4. - -

+
+

AI Assistant add-on available

+

+ + For a limited time pay when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4. + +

+
<

Creative Cloud All Apps

-
-

AI Assistant add-on available

-

+

+
+

AI Assistant add-on available

+

For a limited time pay when you add AI assistant to Acrobat Reader, Standard, or Pro. Ends 6/4. @@ -504,8 +508,6 @@

Creative Cloud All Apps >

-