fix(ui): better close button align on filters

ui/src/Components/Labels/FilterInputLabel/index.css

@@ -1,7 +1,6 @@
 .badge.components-filteredinputlabel {
   /* make fonts bigger */
   font-size: 90%;
-  line-height: 1.4;
 
   /* fix align after text-truncate */
   vertical-align: middle;
@@ -24,5 +23,4 @@
 .badge.components-filteredinputlabel > .close {
   /* make close button bigger, to match font size of the badge */
   font-size: 1rem;
-  margin-left: 0.25rem;
 }

ui/src/Components/Labels/FilterInputLabel/index.js

@@ -76,7 +76,7 @@ const FilterInputLabel = observer(
             style={style}
             onClick={() => alertStore.filters.removeFilter(filter.raw)}
           >
-            <span aria-hidden="true">&times;</span>
+            <span className="align-text-bottom">&times;</span>
           </button>
           {filter.isValid ? (
             filter.applied ? (