[PR feedback] Remove click deadzones

cee-chen · cee-chen · commit fa15cece3f60 · 2023-11-07T11:10:54.000-08:00
diff --git a/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.ts b/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.ts
@@ -97,8 +97,11 @@ export const euiCollapsibleNavAccordionStyles = (
     `,
     // Arrow element
     euiCollapsibleNavAccordion__arrow: css`
+      /* Ensure there's no non-clickable deadzones in the accordion trigger wrapper */
+      margin: 0;
+      ${logicalCSS('height', sharedStyles.height)}
       /* Slight visual offset from edge of entire item */
-      ${logicalCSS('margin-right', euiTheme.size.xs)}
+      ${logicalCSS('width', euiTheme.size.xl)}
 
       /* Rotate the arrow icon, not the button itself -
        * otherwise the background rotates and looks a bit silly */
