From 82d184f9ae774e2e90c16a11cdf7c4e6a7464f69 Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Fri, 4 Sep 2026 20:36:28 +0200
Subject: [PATCH] fix: data-table-filter-checkbox (#2643)

* fix: data-table-filter-checkbox

* fix: cmd + j for the command
---
 .../data-table-filters/data-table-filter-checkbox.tsx     | 8 ++++----
 .../data-table-filter-command-ai/index.tsx                | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/data-table-filters/data-table-filter-checkbox.tsx b/packages/ui/src/components/data-table-filters/data-table-filter-checkbox.tsx
index a2cfb6cc..00dec50f 100644
--- a/packages/ui/src/components/data-table-filters/data-table-filter-checkbox.tsx
+++ b/packages/ui/src/components/data-table-filters/data-table-filter-checkbox.tsx
@@ -169,7 +169,7 @@ export function DataTableFilterCheckbox<TData>({
                   ) : (
                     <span className="truncate font-normal">{option.label}</span>
                   )}
-                  <span className="ml-auto flex min-w-8 items-center justify-end font-mono text-xs">
+                  <span className="ml-auto flex min-w-8 items-center justify-end font-mono text-xs group-hover:invisible">
                     {isLoading || isFacetsLoading ? (
                       <Skeleton className="h-4 w-8" />
                     ) : facetedValue?.has(option.value) ? (
@@ -182,11 +182,11 @@ export function DataTableFilterCheckbox<TData>({
                     type="button"
                     onClick={() => column?.setFilterValue([option.value])}
                     className={cn(
-                      "text-muted-foreground hover:text-foreground absolute inset-y-0 right-0 hidden font-normal backdrop-blur-xs group-hover:block",
-                      "focus-visible:border-ring focus-visible:ring-ring/50 rounded-md transition-all outline-none focus-visible:ring-[3px]",
+                      "text-muted-foreground hover:text-foreground absolute inset-y-0 right-0 hidden items-center px-2 font-normal group-hover:flex",
+                      "focus-visible:border-ring focus-visible:ring-ring/50 rounded-md transition-colors outline-none focus-visible:ring-[3px]",
                     )}
                   >
-                    <span className="px-2">only</span>
+                    only
                   </button>
                 </Label>
               </div>
diff --git a/packages/ui/src/components/data-table-filters/data-table-filter-command-ai/index.tsx b/packages/ui/src/components/data-table-filters/data-table-filter-command-ai/index.tsx
index cdcd5afb..066c20ff 100644
--- a/packages/ui/src/components/data-table-filters/data-table-filter-command-ai/index.tsx
+++ b/packages/ui/src/components/data-table-filters/data-table-filter-command-ai/index.tsx
@@ -213,7 +213,7 @@ export function DataTableFilterAICommand({
     }
   }, [columnFilters, filterFields, open]);
 
-  useHotKey(() => setOpen((open) => !open), "k");
+  useHotKey(() => setOpen((open) => !open), "j");
 
   useEffect(() => {
     if (open) {
@@ -292,7 +292,7 @@ export function DataTableFilterAICommand({
         </span>
         <Kbd className="text-muted-foreground group-hover:text-accent-foreground ml-auto">
           <span className="mr-1">⌘</span>
-          <span>K</span>
+          <span>J</span>
         </Kbd>
       </button>
       <Command
-- 
2.51.2