diff --git a/src/components/Accordion.tsx b/src/components/Accordion.tsx
index 435f0b0ad..bddeded5c 100644
--- a/src/components/Accordion.tsx
+++ b/src/components/Accordion.tsx
@@ -106,10 +106,10 @@ export function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps
     >
       {titleOnClick ? (
         <div {...focusProps} aria-controls={id} aria-expanded={expanded} css={Css.df.$}>
-          <button {...tid.title} disabled={disabled} css={{ ...touchableStyle, ...Css.fg0.$ }} onClick={titleOnClick}>
+          <button {...tid.title} disabled={disabled} css={{ ...touchableStyle, ...Css.fg1.$ }} onClick={titleOnClick}>
             {title}
           </button>
-          <button {...tid.toggle} disabled={disabled} css={{ ...touchableStyle, ...Css.fg1.jcfe.$ }} onClick={toggle}>
+          <button {...tid.toggle} disabled={disabled} css={{ ...touchableStyle, ...Css.px1.jcfe.$ }} onClick={toggle}>
             <RotatingChevronIcon expanded={expanded} />
           </button>
         </div>