Fix repo column header styling (#344)

* fix repo column header styling

* add changelog entry

Author: msukkari

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

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>
         ),