Adopt shared WebUI structural primitives

2026-08-18 13:17:32 +02:00
parent 9826d098f6
commit 1a042593d5
3 changed files with 6 additions and 19 deletions
@@ -12,6 +12,7 @@ import {
 import { useLocation } from "react-router";
 import { ActionToolbar,
  Button,
+  CountBadge,
  Dialog,
  DocumentationHelpLink,
  DismissibleAlert,
@@ -496,9 +497,9 @@ export default function GlobalSearch({ settings }: GlobalSearchProps) {
                  <Filter size={16} aria-hidden="true" />
                  <span>Filters</span>
                  {activeFilterCount > 0 &&
-                  <span className="search-filter-count" aria-label={`${activeFilterCount} active filters`}>
+                  <CountBadge size="compact" aria-label={`${activeFilterCount} active filters`}>
                      {activeFilterCount}
-                    </span>
+                    </CountBadge>
                  }
                </Button>
                {filtersOpen &&