diff --git a/src/components/Accordion/Accordion-v2.module.css b/src/components/Accordion/Accordion-v2.module.css index f76d8eb49..09d38152e 100644 --- a/src/components/Accordion/Accordion-v2.module.css +++ b/src/components/Accordion/Accordion-v2.module.css @@ -103,7 +103,12 @@ } .accordion-button__leading-icon { - color: var(--eds-theme-color-icon-utility-default-primary); + color: var(--eds-theme-color-icon-utility-default-secondary); + + /* Targeting NumberIcons and other images used in this specific context */ + & [role='img'] { + display: inline-flex; + } } .accordion-button__title { diff --git a/src/components/Accordion/Accordion-v2.tsx b/src/components/Accordion/Accordion-v2.tsx index 37bd0d132..f7700c823 100644 --- a/src/components/Accordion/Accordion-v2.tsx +++ b/src/components/Accordion/Accordion-v2.tsx @@ -109,7 +109,7 @@ type AccordionRowProps = { */ isExpandable?: boolean; /** - * + * Whether the row has a leading icon on the row's trigger */ hasLeadingIcon?: boolean; };