[UI] Topics: Message tab "Oldest first" button overlaps the "Submit" button on pages narrower than 1100px
<!--

Don't forget to check for existing issues/discussions regarding your proposal. We might already have it.
https://github.com/provectus/kafka-ui/issues
https://github.com/provectus/kafka-ui/discussions

-->

**Describe the bug**
<!--(A clear and concise description of what the bug is.)-->


**Set up**
<!--
How do you run the app? Please provide as much info as possible:
1. App version (docker image version or check commit hash in the top left corner in UI)
2. Helm chart version, if you use one
3. Any IAAC configs

We might close the issue without further explanation if you don't provide such information.
-->
[8011f60](https://github.com/provectus/kafka-ui/commit/8011f60)


**Steps to Reproduce**
<!-- We'd like you to provide an example setup (via docker-compose, helm, etc.) 
to reproduce the problem, especially with a complex setups. -->
Steps to reproduce the behavior:

1. Open any topic
2. Switch to Messages tab and play with the browser window width
**Actual behavior**

- Message sorting drop-down list ("Oldest first", "Newest first" or "Live mode" overlays the controls to the left. And since it has transparent layout, looks very strange
- Also the drop-down list values are not fully sown on the screen
- Horizontal scroll is not available

**Expected behavior**
<!--
(A clear and concise description of what you expected to happen)
-->
Messages sorting drop-down list can be shown lower, where Search and "Add filters" button is located.

**Screenshots**
![image](https://user-images.githubusercontent.com/112083452/200556537-60ae28ac-2638-492b-a53d-ae66a3819238.png)

<!--
(If applicable, add screenshots to help explain your problem)
-->


**Additional context**
<!--
(Add any other context about the problem here)
-->

There are related tasks:
[UI] Timestamp value overlaps with dropdown field icon within Topic/Messages [#2858](https://github.com/provectus/kafka-ui/issues/2858)
Improve the Responsive view for Messages/Topic page [#2303](https://github.com/provectus/kafka-ui/issues/2303)

kafka-ui-react-app/src/components/Topics/Topic/Messages/Filters/Filters.styled.ts
kafka-ui-react-app/src/components/Topics/Topic/Messages/Filters/Filters.styled.ts
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Messages/Filters/Filters.styled.ts b/kafka-ui-react-app/src/components/Topics/Topic/Messages/Filters/Filters.styled.ts
index a8df901be4d..10802ee0db1 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Messages/Filters/Filters.styled.ts
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Messages/Filters/Filters.styled.ts
@@ -33,6 +33,7 @@ export const FilterInputs = styled.div`
   gap: 8px;
   align-items: flex-end;
   width: 90%;
+  flex-wrap: wrap;
 `;
 
 export const SeekTypeSelectorWrapper = styled.div`
