diff --git a/apps/web/components/task/sidebar-filter/sidebar-filter-bar.tsx b/apps/web/components/task/sidebar-filter/sidebar-filter-bar.tsx
index 53f78d6085..921fd040ad 100644
--- a/apps/web/components/task/sidebar-filter/sidebar-filter-bar.tsx
+++ b/apps/web/components/task/sidebar-filter/sidebar-filter-bar.tsx
@@ -41,7 +41,10 @@ export function SidebarFilterBar() {
   useRegisterCommands(commands);
 
   return (
-    <div data-testid="sidebar-filter-bar" className="flex items-center gap-1 border-b px-2 py-1">
+    <div
+      data-testid="sidebar-filter-bar"
+      className="flex h-[30px] shrink-0 items-center gap-1 border-b border-border bg-card px-2"
+    >
       <SidebarViewChips />
       <SidebarFilterPopover
         open={open}