From 4cc5baaa0b1b616ed99bb4b57ea69e10cbef1e90 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 25 Aug 2022 16:24:13 -0400
Subject: [PATCH] fixes #876

---
 docs/resources/changelog.md           | 1 +
 src/components/tree-item/tree-item.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index 0b5b131d0..edef59255 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -11,6 +11,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 ## Next
 
 - Fixed a bug in `<sl-popup>` that didn't account for the arrow's diagonal size
+- Fixed a bug in `<sl-tree-item>` that prevented custom expand/collapse icons from rendering
 
 ## 2.0.0-beta.82
 
diff --git a/src/components/tree-item/tree-item.ts b/src/components/tree-item/tree-item.ts
index d7a7e2264..a40cfdaa6 100644
--- a/src/components/tree-item/tree-item.ts
+++ b/src/components/tree-item/tree-item.ts
@@ -234,7 +234,7 @@ export default class SlTreeItem extends ShoelaceElement {
             ${when(
               showExpandButton,
               () => html`
-                <slot name="${this.expanded ? 'expanded-icon' : 'collapsed-icon'}">
+                <slot name="${this.expanded ? 'expand-icon' : 'collapse-icon'}">
                   <sl-icon
                     library="system"
                     name="${this.expanded ? 'chevron-down' : isRtl ? 'chevron-left' : 'chevron-right'}"