diff --git a/frontend/src/components/filter/FilterBar.tsx b/frontend/src/components/filter/FilterBar.tsx
index 1d4040e..ca70ebc 100644
--- a/frontend/src/components/filter/FilterBar.tsx
+++ b/frontend/src/components/filter/FilterBar.tsx
@@ -355,20 +355,21 @@ export function FilterBar() {
           </button>
         </div>
       </FilterPill>
-      </div>
 
-      {/* Clear-all — sits between the pill cluster and the search input
-       *  on the right. Only renders when any filter is active so it
-       *  doesn't take space in the resting state. */}
+      {/* Clear-all — borderless text affordance pinned next to the pill
+       *  cluster on the right. Lives inside the pills container so it
+       *  shares the same flex group and gap and reads as "another
+       *  pill". Only renders when any filter is active. */}
       {anyActive && (
         <button
           onClick={clearAll}
-          className="flex h-7 flex-shrink-0 items-center whitespace-nowrap rounded-full border border-border px-2.5 text-xs text-text-muted hover:bg-surface-2 hover:text-text"
+          className="ml-1 flex h-7 flex-shrink-0 items-center whitespace-nowrap px-1 text-xs text-text-muted underline-offset-2 hover:text-text hover:underline"
           title="Clear all filters in this section"
         >
           Clear all
         </button>
       )}
+      </div>
 
       {/* Search — pinned to the right edge of the bar. Same id as before
        *  so the global "/" focus shortcut still finds it. */}