fix(Desktop): Fix floating sidebar when is mobile colliding with macos

[nalejandroveron]

buttons

What does this PR do?

Fixes the content of the floating sidebar displayed below the macOS window buttons

Closes #8764

How did you verify your code works?

Screen.Recording.2026-01-15.at.9.01.49.PM.mov

Checked it in macOS, see my video above

Caution

Please test on windows and other compatible platforms that have a different window bar, I don't have the hardware to test it, happy to help addressing afterwards

[github-actions]

Thanks for your contribution!

This PR doesn't have a linked issue. All PRs must reference an existing issue.

Please:

1. Open an issue describing the bug/feature (if one doesn't exist)
2. Add Fixes #<number> or Closes #<number> to this PR description

See CONTRIBUTING.md for details.

[github-actions]

The following comment was made by an LLM, it may be inaccurate:

Found 1 potentially related PR:

PR #7988: fix(ui): improve sidebar accessibility and responsiveness on zoom and small screens

Why it might be related: This PR also addresses sidebar issues on small screens and mobile responsiveness, which overlaps with the current PR's focus on fixing the floating sidebar layout issue on mobile devices. Both PRs appear to be dealing with sidebar behavior and layout problems across different screen sizes.

[Copilot]

Pull request overview

This PR fixes a layout issue where the floating mobile sidebar content was overlapping with the macOS window buttons in the titlebar by adding appropriate top margin spacing.

Changes:

• Added conditional mt-10 class to mobile sidebar content to create 40px top margin that matches the titlebar height

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[adamdotdevin]

David fixed this this morning! But thank you for the contribution!