fixes #1243

docs/resources/changelog.md

@@ -9,6 +9,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 ## Next
 
 - Added the `discover()` function to the experimental autoloader's exports [#1236](https://github.com/shoelace-style/shoelace/pull/1236)
+- Fixed a bug in `<sl-tree-item>` that prevented long labels from wrapping [#1243](https://github.com/shoelace-style/shoelace/issues/1243)
 - Improved the behavior of `<sl-carousel>` when used inside a flex container [#1235](https://github.com/shoelace-style/shoelace/pull/1235)
 
 ## 2.3.0

src/components/tree-item/tree-item.styles.ts

@@ -26,7 +26,6 @@ export default css`
     color: var(--sl-color-neutral-700);
     cursor: pointer;
     user-select: none;
-    white-space: nowrap;
   }
 
   .tree-item__checkbox {
@@ -39,7 +38,7 @@ export default css`
     font-family: var(--sl-font-sans);
     font-size: var(--sl-font-size-medium);
     font-weight: var(--sl-font-weight-normal);
-    line-height: var(--sl-line-height-normal);
+    line-height: var(--sl-line-height-dense);
     letter-spacing: var(--sl-letter-spacing-normal);
   }