From 99ad8f114ba79c8dc0cdef420d3ef57166650709 Mon Sep 17 00:00:00 2001
From: Jose Carcamo <138070439+josercarcamo@users.noreply.github.com>
Date: Thu, 25 Apr 2024 15:55:00 -0700
Subject: [PATCH] fix(tree-item): do not select when chevron clicked (#9115)

**Related Issue:** #7901

## Summary
Clicking the chevron next to a menu item with children no longer selects the menu item.
---
 .../src/components/tree-item/tree-item.scss         | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/calcite-components/src/components/tree-item/tree-item.scss b/packages/calcite-components/src/components/tree-item/tree-item.scss
index ee490c4af94..65c9346339b 100644
--- a/packages/calcite-components/src/components/tree-item/tree-item.scss
+++ b/packages/calcite-components/src/components/tree-item/tree-item.scss
@@ -19,7 +19,6 @@
     @apply min-h-[1.5rem];
     .node-container {
       .checkbox,
-      .chevron,
       .checkmark,
       .bullet-point {
         margin-inline: theme("margin.1");
@@ -27,6 +26,9 @@
       .icon-start {
         margin-inline: theme("margin.3");
       }
+      .chevron {
+        padding: theme("padding.1");
+      }
     }
   }
 }
@@ -38,7 +40,6 @@
     @apply min-h-[2rem];
     .node-container {
       .checkbox,
-      .chevron,
       .checkmark,
       .bullet-point {
         margin-inline: theme("margin.2");
@@ -46,6 +47,9 @@
       .icon-start {
         margin-inline: theme("margin.3");
       }
+      .chevron {
+        padding: theme("padding.2");
+      }
     }
   }
 }
@@ -57,7 +61,6 @@
     @apply min-h-[2.75rem];
     .node-container {
       .checkbox,
-      .chevron,
       .checkmark,
       .bullet-point {
         margin-inline: theme("margin.3");
@@ -65,6 +68,10 @@
       .icon-start {
         margin-inline: theme("margin.3");
       }
+      .chevron {
+        padding-inline: var(--calcite-size-md);
+        padding-block: var(--calcite-size-sm-plus);
+      }
     }
   }
 }