Resolves #396

haydenbleasel · haydenbleasel · commit 4c6d2c6b7d37 · 2026-03-11T15:45:02.000-07:00
diff --git a/.changeset/loud-bars-report.md b/.changeset/loud-bars-report.md
@@ -0,0 +1,5 @@
+---
+"ai-elements": patch
+---
+
+Fix FileTree icons for long file names
diff --git a/packages/elements/src/file-tree.tsx b/packages/elements/src/file-tree.tsx
@@ -271,7 +271,7 @@ export const FileTreeFile = ({
         {children ?? (
           <>
             {/* Spacer for alignment */}
-            <span className="size-4" />
+            <span className="size-4 shrink-0" />
             <FileTreeIcon>
               {icon ?? <FileIcon className="size-4 text-muted-foreground" />}
             </FileTreeIcon>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"ai-elements": patch
 +---
++
 +Fix FileTree icons for long file names