diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js
index db349321e..55c32e896 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.js
+++ b/ui/src/Components/Labels/FilterInputLabel/index.js
@@ -85,7 +85,10 @@ const FilterInputLabel = observer(
               <FontAwesomeIcon icon={faExclamationCircle} />
             </span>
           )}
-          <TooltipWrapper title="Click to edit this filter" className="my-auto">
+          <TooltipWrapper
+            title="Click to edit this filter"
+            className="my-auto mw-100 text-nowrap text-truncate"
+          >
             <RIEInput
               defaultValue=""
               value={filter.raw}