Filter expands outside the viewport and cannot be removed (#7021)

* Update search bar layout in WzSearchBar component

* Update single quotes to double quotes in search-bar component

* Fix overflow hidden

* Add changelog

* Fix post filter flexgroup

---------

Co-authored-by: Federico Rodriguez <federico.rodriguez@wazuh.com>

CHANGELOG.md

@@ -23,6 +23,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed a problem updating the API host registry in the GET /api/check-stored-api [#6995](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6995)
 - Fixed the `Open report` button of the toast and the `Download report` icon of the reporting table in Safari [#7019](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7019)
 - Fixed style when unnpinned an agent in endpoint summary section [#7015](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7015)
+- Fixed overflow style on a long value filter [#7021](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7021)
 
 ### Changed
 

plugins/main/public/components/common/search-bar/search-bar.tsx

@@ -76,14 +76,14 @@ export const WzSearchBar = ({
               </EuiFlexGroup>
             </EuiFlexItem>
           )}
-          <EuiFlexItem>
+          <EuiFlexItem className='overflow-hidden'>
             <EuiFlexGroup
               gutterSize='s'
               alignItems='center'
               responsive={false}
               wrap={true}
             >
-              <EuiFlexItem>
+              <EuiFlexItem className='overflow-hidden'>
                 <SearchBar
                   {...restProps}
                   showQueryBar={false}