diff --git a/web/app/components/workflow/skill/file-tree/tree/menu-item.spec.tsx b/web/app/components/workflow/skill/file-tree/tree/menu-item.spec.tsx
index b450abfd7c..9550afa649 100644
--- a/web/app/components/workflow/skill/file-tree/tree/menu-item.spec.tsx
+++ b/web/app/components/workflow/skill/file-tree/tree/menu-item.spec.tsx
@@ -62,7 +62,9 @@ describe('MenuItem', () => {
       const item = screen.getByRole('menuitem', { name: /rename/i })
       expect(item).toBeInTheDocument()
       expect(item).toHaveClass('mx-1')
+      expect(item).toHaveClass('min-w-0')
       expect(item).toHaveClass('px-3')
+      expect(item).not.toHaveClass('w-full')
     })
 
     it('should apply destructive variant styles when variant is destructive', () => {
diff --git a/web/app/components/workflow/skill/file-tree/tree/menu-item.tsx b/web/app/components/workflow/skill/file-tree/tree/menu-item.tsx
index 993664f2b4..cd8a8d9917 100644
--- a/web/app/components/workflow/skill/file-tree/tree/menu-item.tsx
+++ b/web/app/components/workflow/skill/file-tree/tree/menu-item.tsx
@@ -19,7 +19,7 @@ import { cn } from '@/utils/classnames'
 
 const menuItemVariants = cva(
   [
-    'flex w-full items-center gap-2 rounded-lg px-3 py-2',
+    'flex min-w-0 items-center gap-2 rounded-lg px-3 py-2',
     'disabled:cursor-not-allowed disabled:opacity-50',
     'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-components-input-border-active',
   ],