Arrange Search field in Datagrid

I used css to make my width 4200px, so that I can scroll horizontally across my data, but this also affected my search fields making them into only two rows and very long ones at that. How can I keep the width of my datagrid 4200px, but shorten the width of my search field so that I don’t have to scroll horizontally to see it, I wanna see it in more columns but shorter ones.
1 answers

You could create a class and let it alter the width of the following classes:

mx-grid-searchbar > wich is the whole search bar with all search fields:

mx-grid-search-item > a search field item(label + inputfield)

mx-grid-search-input &mx-grid-search-label

Depending on what you want to achieve you need these. I would start with setting the width of mx-grid-searchbar