Fix alignment in custom filters on the data page (#40869)

Nicolapps · Convex, Inc. · commit 0fbed0bc1cdc · 2025-09-10T23:33:27.000Z
GitOrigin-RevId: dec4795e4b459edd932f9f41b243eab358601565
diff --git a/npm-packages/dashboard-common/src/features/data/components/FilterEditor/FilterEditor.tsx b/npm-packages/dashboard-common/src/features/data/components/FilterEditor/FilterEditor.tsx
@@ -114,7 +114,7 @@ export function FilterEditor({
     <div className="flex min-w-0 grow">
       <Tooltip
         tip={state.enabled ? "Disable Filter" : "Enable Filter"}
-        className="w-fit"
+        className="flex w-fit items-center"
       >
         <Checkbox
           checked={state.enabled !== false}

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,7 @@ export function FilterEditor({`
`114`	`114`	`<div className="flex min-w-0 grow">`
`115`	`115`	`<Tooltip`
`116`	`116`	`tip={state.enabled ? "Disable Filter" : "Enable Filter"}`
`117`		`- className="w-fit"`
	`117`	`+ className="flex w-fit items-center"`
`118`	`118`	`>`
`119`	`119`	`<Checkbox`
`120`	`120`	`checked={state.enabled !== false}`