From d5875563bcf40fff73b508121dd0f1ec6b661072 Mon Sep 17 00:00:00 2001
From: davidels1 <87242587+davidels1@users.noreply.github.com>
Date: Tue, 9 Sep 2025 00:35:16 +0200
Subject: [PATCH] [dyad] Changed the Columns button to an icon - wrote 1
 file(s)

---
 src/components/stock/data-table.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/stock/data-table.tsx b/src/components/stock/data-table.tsx
index a378cfb..bbab93c 100644
--- a/src/components/stock/data-table.tsx
+++ b/src/components/stock/data-table.tsx
@@ -13,6 +13,7 @@ import {
   getSortedRowModel,
   useReactTable,
 } from "@tanstack/react-table"
+import { Columns } from "lucide-react"
 
 import {
   Table,
@@ -77,8 +78,9 @@ export function DataTable<TData, TValue>({
         />
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button variant="outline" className="ml-auto">
-              Columns
+            <Button variant="outline" size="icon" className="ml-auto">
+              <Columns className="h-4 w-4" />
+              <span className="sr-only">Toggle columns</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">