diff --git a/ui/src/Components/Labels/FilterInputLabel/index.css b/ui/src/Components/Labels/FilterInputLabel/index.css index eb22f0467..1213fd947 100644 --- a/ui/src/Components/Labels/FilterInputLabel/index.css +++ b/ui/src/Components/Labels/FilterInputLabel/index.css @@ -5,6 +5,12 @@ /* fix align after text-truncate */ vertical-align: middle; + padding-top: 0.15rem; + padding-bottom: 0.15rem; + padding-left: 0.15rem; + + min-height: 1.5rem; + /* ensure there's some space between filters if there are multiple rows in the input */ margin-top: 1px; @@ -16,7 +22,6 @@ /* match outer badge font size */ font-size: 90%; line-height: 100%; - padding-bottom: 0.1em; /* we have badge inside a badge, make the inner one a little brighter in case both use same color classes */ diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js index 9256a066f..db349321e 100644 --- a/ui/src/Components/Labels/FilterInputLabel/index.js +++ b/ui/src/Components/Labels/FilterInputLabel/index.js @@ -76,7 +76,7 @@ const FilterInputLabel = observer( ) : null ) : ( - + ) @@ -87,7 +87,6 @@ const FilterInputLabel = observer( )}