diff --git a/frontend/src/metadata/components/popover/filter-popover/advanced-filters/filter-item/index.js b/frontend/src/metadata/components/popover/filter-popover/advanced-filters/filter-item/index.js
index fecc01a3dd..3990d684c4 100644
--- a/frontend/src/metadata/components/popover/filter-popover/advanced-filters/filter-item/index.js
+++ b/frontend/src/metadata/components/popover/filter-popover/advanced-filters/filter-item/index.js
@@ -523,7 +523,9 @@ class FilterItem extends React.Component {
     }
     return (
       <div className="ml-2">
-        <IconBtn ref={this.invalidFilterTip} iconName="exclamation-triangle" />
+        <div ref={this.invalidFilterTip}>
+          <IconBtn iconName="exclamation-triangle" />
+        </div>
         <UncontrolledTooltip
           target={this.invalidFilterTip}
           placement='bottom'