diff --git a/libs/blocks/merch-card/merch-card.js b/libs/blocks/merch-card/merch-card.js index b2483481dd..e1c9f34f26 100644 --- a/libs/blocks/merch-card/merch-card.js +++ b/libs/blocks/merch-card/merch-card.js @@ -398,7 +398,7 @@ const decorateFooterRows = (merchCard, footerRows) => { const rowIcon = row.firstElementChild.querySelector('picture'); const rowText = row.querySelector('div > div:nth-child(2)').innerHTML; const rowTextParagraph = createTag('div', { class: 'footer-row-cell-description' }, rowText); - const footerRowCell = createTag('div', { class: 'footer-row-cell' }); + const footerRowCell = createTag('ul', { class: 'footer-row-cell' }); if (rowIcon) { rowIcon.classList.add('footer-row-icon'); footerRowCell.appendChild(rowIcon); diff --git a/libs/deps/mas/mas.js b/libs/deps/mas/mas.js index f8917dbd0b..aa4f594fc5 100644 --- a/libs/deps/mas/mas.js +++ b/libs/deps/mas/mas.js @@ -612,6 +612,7 @@ merch-card[variant="ccd-action"] .price-strikethrough { justify-content: start; place-items: center; padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + margin-block: 0px; } merch-card[variant="mini-compare-chart"] .footer-row-cell-description { diff --git a/libs/deps/mas/merch-card.js b/libs/deps/mas/merch-card.js index 1f779dbe14..52e084329d 100644 --- a/libs/deps/mas/merch-card.js +++ b/libs/deps/mas/merch-card.js @@ -636,6 +636,7 @@ merch-card[variant="ccd-action"] .price-strikethrough { justify-content: start; place-items: center; padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + margin-block: 0px; } merch-card[variant="mini-compare-chart"] .footer-row-cell-description { diff --git a/libs/features/mas/mas/dist/mas.js b/libs/features/mas/mas/dist/mas.js index f8917dbd0b..aa4f594fc5 100644 --- a/libs/features/mas/mas/dist/mas.js +++ b/libs/features/mas/mas/dist/mas.js @@ -612,6 +612,7 @@ merch-card[variant="ccd-action"] .price-strikethrough { justify-content: start; place-items: center; padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + margin-block: 0px; } merch-card[variant="mini-compare-chart"] .footer-row-cell-description { diff --git a/libs/features/mas/web-components/src/variants/mini-compare-chart.css.js b/libs/features/mas/web-components/src/variants/mini-compare-chart.css.js index 167102700d..3a48a8b1e6 100644 --- a/libs/features/mas/web-components/src/variants/mini-compare-chart.css.js +++ b/libs/features/mas/web-components/src/variants/mini-compare-chart.css.js @@ -75,6 +75,7 @@ export const CSS = ` justify-content: start; place-items: center; padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + margin-block: 0px; } merch-card[variant="mini-compare-chart"] .footer-row-cell-description {