web: components: fix

web/ASC.Web.Components/src/components/filter-input/hide-filter.js

@@ -10,6 +10,11 @@ const Caret = styled.div`
   transform: ${props => props.isOpen ? 'rotate(180deg)' : 'rotate(0)'};
   top: ${props => props.isOpen ? '2px' : '0'};
 `;
+const StyledPopover = styled(Popover)`
+  .popover{
+    border: none
+  }
+`;
 const StyledHideFilterButton = styled.div`
   display: flex;
   position: relative;
@@ -66,7 +71,7 @@ class HideFilter extends React.Component {
       <StyledHideFilter>
         <StyledHideFilterButton id="PopoverLegacy" isDisabled={this.props.isDisabled} >{this.props.count} <Caret isOpen={this.state.popoverOpen}><Icons.ExpanderDownIcon size='scale' isfill={true} color="#A3A9AE" /></Caret></StyledHideFilterButton>
 
-        <Popover 
+        <StyledPopover
           isOpen={this.state.popoverOpen}
           trigger="legacy"
           placement="bottom-start"
@@ -74,7 +79,8 @@ class HideFilter extends React.Component {
           hideArrow={true}
           toggle={this.toggle}>
           <StyledPopoverBody>{this.props.children}</StyledPopoverBody>
-        </Popover>
+        </StyledPopover>
+
       </StyledHideFilter>
     );
   }