[BUG] Toolbar Overlays Modal Box, Obscuring Content

[mrbadri]

Description

There's an issue where the toolbar overlaps the modal box, causing some of the modal's contents to be hidden behind the toolbar.

Steps to Reproduce

1. Trigger the modal box by [describe the action that opens the modal, e.g., clicking a button].
2. Note that parts of the modal are not visible because they are covered by the toolbar.

Expected Behavior

The modal should appear in full view on top of all other page elements, allowing for uninterrupted interaction with its content.

Actual Behavior

The toolbar overlays the modal, which blocks content and disrupts user interaction with the modal.

Possible Solution

Adjust the layering order so the modal is fully visible when activated, potentially by reviewing the CSS rules that control the display order of elements on the page.

Screenshots

Environment

• OS: Windows
• Browser: Chrome

Additional Context

Please consider looking into the styling of these components to ensure that the modal box always stays on top when opened.