[dyad] Improve headline control icons - wrote 1 file(s)

src/components/headline-tree.tsx

@@ -6,8 +6,8 @@ import type { HeadlineNode } from "@/app/actions";
 import { KeywordHighlighter } from "./keyword-highlighter";
 import {
   ChevronDown,
-  ChevronsUp,
-  ChevronsDown,
+  Expand,
+  Collapse,
   AlertTriangle,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
@@ -209,7 +209,7 @@ export function HeadlineTree({ headlines, keyword }: HeadlineTreeProps) {
                     onClick={expandAll}
                     className="h-8 w-8"
                   >
-                    <ChevronsUp className="h-4 w-4" />
+                    <Expand className="h-4 w-4" />
                     <span className="sr-only">Expand All</span>
                   </Button>
                 </TooltipTrigger>
@@ -227,7 +227,7 @@ export function HeadlineTree({ headlines, keyword }: HeadlineTreeProps) {
                     onClick={collapseAll}
                     className="h-8 w-8"
                   >
-                    <ChevronsDown className="h-4 w-4" />
+                    <Collapse className="h-4 w-4" />
                     <span className="sr-only">Collapse All</span>
                   </Button>
                 </TooltipTrigger>