Overflow of right-side page content with left-side navbar

[Owaiseimdad]

Describe the bug
Not an Ideal case but when a browser is zoomed like 150% or more, I see the page content is overflowing with the elements of left nav-bar.

To Reproduce
Steps to reproduce the behaviour:

1. Go to lets say, incident page and zoom around 150%
2. Try to scroll to left-end and you will notice this issue

Expected behaviour
This seems to be an expected behaviour is almost all the pages and need enhancement that all. A boundary defined in order to make sure left never overflows with right or vice-versa.

Screenshots
https://github.com/user-attachments/assets/a2958b69-bb28-4679-a23e-be8327bd41df

[Owaiseimdad]

@gorkemcetin let me know if this is expected or not. If not you assign it to me, will raise a design of approach if multiple pages/components are undergoing this change.

Also, I think we can take this after 2.1, let me know what are your thoughts.

[ajhollid]

Hi @Owaiseimdad ,

We are aware of the issue, it is definitely not expected behaviour.

Ultimately we need to implement a mobile friendly design, but we haven't decided what that looks like yet.

If you have some ideas we'd love to entertain them.

[Owaiseimdad]

Will finish a design of frontend changes it might require and add the doc here @ajhollid, thanks for acknowledging this.

[ajhollid]

@Owaiseimdad sure, I can't promise if/when we will get to this issue so if you don't want to invest a ton of time into a proposal I understand.