[Bug] Incorrect Top-right toolbar buttons shift position after theme switch

[anshukaushik4700]

Description

When switching between dark and light themes, the three top-right toolbar buttons shift upward and become visually misplaced.
They remain in the DOM but their computed top value changes unexpectedly.
After refreshing the page, the buttons return to their correct position.

Expected Behavior

Top-right buttons should maintain consistent vertical positioning after theme change.

Video

Music.Blocks.-.Google.Chrome.2026-03-01.10-58-57.mp4

How to Reproduce

1. Open Music Blocks
2. Ensure top-right toolbar buttons are visible ( Grid , Clear , Expand/Collapse)
3. Switch theme (Light → Dark or Dark → Light)
4. Observe button position

Actual Behaviour

• Buttons move upward.
• Computed top changes from 76px to 16px
• Layout is visually broken
• Reloading restores correct positioning

Environment:

• Operating System: Windows
• Browser (if applicable): Chrome
• Version of Software/Project: v3.4.1

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.