fix(FilterBar): correct width of search field (#5277)

Fixes #5275

Author: Lukas742

packages/main/src/components/FilterBar/FilterBar.jss.ts

@@ -61,6 +61,9 @@ const styles = {
       marginInlineEnd: '0.25rem'
     }
   },
+  searchContainer: {
+    '& > [ui5-input]': { width: '100%' }
+  },
   spacer: {
     height: 0,
     marginBlockStart: 0,

packages/main/src/components/FilterBar/index.tsx

@@ -663,7 +663,7 @@ const FilterBar = forwardRef<HTMLDivElement, FilterBarPropTypes>((props, ref) =>
           <div className={filterAreaClasses} style={{ position: 'relative' }} ref={filterAreaRef}>
             {search && (
               <FilterGroupItem data-in-fb visibleInFilterBar data-with-toolbar={!hideToolbar}>
-                <div ref={searchRef}>
+                <div ref={searchRef} className={classes.searchContainer}>
                   {renderSearchWithValue(search, searchValue, {
                     placeholder: searchText,
                     icon: <Icon name={searchIcon} />,

packages/main/src/components/FilterGroupItem/FilterGroupItem.jss.ts

@@ -16,7 +16,7 @@ const styles = {
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'start',
-    '& :last-child': {
+    '& > :last-child': {
       width: '100%'
     }
   },