diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx
index 1283b30232..a92fdb0828 100644
--- a/packages/ui/src/components/list.tsx
+++ b/packages/ui/src/components/list.tsx
@@ -165,7 +165,7 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
             />
           </div>
           <Show when={internalFilter()}>
-            <IconButton icon="circle-x" variant="ghost" onClick={() => setInternalFilter("")} />
+            <IconButton icon="circle-x" variant="weak" onClick={() => setInternalFilter("")} />
           </Show>
         </div>
       </Show>