diff --git a/src/plugins/data/public/ui/filter_bar/filter_view/index.tsx b/src/plugins/data/public/ui/filter_bar/filter_view/index.tsx
index dd12789d15a9d7..ed33afeca69c29 100644
--- a/src/plugins/data/public/ui/filter_bar/filter_view/index.tsx
+++ b/src/plugins/data/public/ui/filter_bar/filter_view/index.tsx
@@ -57,6 +57,7 @@ export const FilterView: FC<Props> = ({
   return (
     <EuiBadge
       title={title}
+      color="hollow"
       iconType="cross"
       iconSide="right"
       closeButtonProps={{