From 65d6e928b8aa599fe20c5a155650e016c6e3db45 Mon Sep 17 00:00:00 2001
From: Michael Sukkarieh <michael.sukkarieh@mail.mcgill.ca>
Date: Wed, 11 Jun 2025 09:34:24 -0700
Subject: [PATCH] Fix repo column header styling (#344)

* fix repo column header styling

* add changelog entry
---
 CHANGELOG.md                                    |  1 +
 packages/web/src/app/[domain]/repos/columns.tsx | 11 +++++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 81304f2b..f45b25ed 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 - Text highlighting clarity. [#342](https://github.com/sourcebot-dev/sourcebot/pull/342)
+- Fixed repo list column header styling. [#344](https://github.com/sourcebot-dev/sourcebot/pull/344)
 - Clean up successful and failed jobs in Redis queues. [#343](https://github.com/sourcebot-dev/sourcebot/pull/343)
 
 ## [4.2.0] - 2025-06-09
diff --git a/packages/web/src/app/[domain]/repos/columns.tsx b/packages/web/src/app/[domain]/repos/columns.tsx
index 7950a529..4d985cba 100644
--- a/packages/web/src/app/[domain]/repos/columns.tsx
+++ b/packages/web/src/app/[domain]/repos/columns.tsx
@@ -182,8 +182,11 @@ export const columns = (domain: string): ColumnDef<RepositoryColumnInfo>[] => [
                     <DropdownMenu>
                         <DropdownMenuTrigger asChild>
                             <Button 
-                                variant={currentFilter ? "secondary" : "ghost"}
-                                className="px-0 font-medium"
+                                variant="ghost"
+                                className={cn(
+                                    "px-0 font-medium hover:bg-transparent focus:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0",
+                                    currentFilter ? "text-primary hover:text-primary" : "text-muted-foreground hover:text-muted-foreground"
+                                )}
                             >
                                 Status
                                 <ListFilter className={cn(
@@ -228,10 +231,10 @@ export const columns = (domain: string): ColumnDef<RepositoryColumnInfo>[] => [
                 <Button
                     variant="ghost"
                     onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
-                    className="px-0 font-medium"
+                    className="px-0 font-medium hover:bg-transparent focus:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0"
                 >
                     Last Indexed
-                    <ArrowUpDown className="ml-2 h-3.5 w-3.5 text-muted-foreground" />
+                    <ArrowUpDown className="ml-2 h-3.5 w-3.5" />
                 </Button>
             </div>
         ),