[JIRAALIGN-2229] Page lateral menu does not wrap below when page width is reduced

Issue Summary

In many pages, the expected behavior of the top horizontal menus in Jira Align is that they should wrap automatically below the bar to allow the items to be seen even in smaller screens.

example:
Correct behavior example.mp4

However, this is not the case in some pages, such as:

• Work in Process report screenwrapping issue 1.mp4
• Framework maps screenwrapping issue 2.mp4
  In these examples, the text is not moved below and overlaps with the rest of the content.

• Also found on Work in process, the layout of the tables seems to be incorrect and allow misplacements of items

Steps to Reproduce

1. Go to page "Work in Process"
2. Adjust the report to show data
3. reduce the width of the browser window and notice the layout issue

Repeat these steps with the page "Framework Maps

Expected Results

The items should wrap correctly in order for all items to be visible

Actual Results

The page displays overlap of items and text, making it unreadable

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available