Horizontal scroll-bar appears on si-filtered-search bar even though there is enough space available on search bar.

[shubham1121]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

Affected component

Summary

There is a horizontal scroll bar present on si-filtered-search, even though there is enough space available on the search bar.
Refer attached GIF.

Version

No response

Steps to reproduce

1. Open the live preview of SiMPL-element.
2. Select si-filtered-search/si-filtered-search-basic from examples.
3. Resize the screen, so that search bar gets almost 360px of width.
4. Then apply filter, we can see a horizontal scroll bar appears and the input part where values needs to be entered takes a lot of space, considering availability of space and requirement.

Code reproduction example

https://element.siemens.io/element-examples/#/overview/si-filtered-search/si-filtered-search-basic?q=si-filtered

What is the current bug behavior

Horizontal scroll bar appears, even though enough space is available.

What is the expected correct behavior

Horizontal scroll bar should appear only when there is no space to perform any operation.