From 6a3736415f6b0271bf5aa304af9c576e63a2d88c Mon Sep 17 00:00:00 2001
From: Brandon Dow <bdow@homebound.com>
Date: Mon, 3 Jun 2024 09:03:49 -0400
Subject: [PATCH] fix: Accordion click targets

---
 src/components/Accordion.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Accordion.tsx b/src/components/Accordion.tsx
index 435f0b0ad..042adea8e 100644
--- a/src/components/Accordion.tsx
+++ b/src/components/Accordion.tsx
@@ -106,10 +106,15 @@ 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.px2.jcfe.if(compact).pxPx(10).$ }}
+            onClick={toggle}
+          >
             <RotatingChevronIcon expanded={expanded} />
           </button>
         </div>