File tree browser responsive design issues when super sidebar opens

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Work on this issue

Summary

The file tree browser has responsive design issues at viewport widths between 1200px and 1210px, specifically when the super sidebar opens. This affects the overall layout and button positioning within the file tree browser.

⚠️ Note, this only seems to happen with long directory names.

Issue Description

At viewport widths between 1200px and 1210px, the file tree browser layout becomes problematic when the super sidebar state changes. This narrow range suggests the issue is triggered by responsive breakpoints or container query behavior that doesn't properly account for the super sidebar's space requirements.

Screenshots

Issue at 1200-1210px viewport:

With container queries enabled:

Steps to Reproduce

1. Enable the repository_file_tree_browser feature flag
2. Navigate to a repository
3. Resize browser window to approximately 1200-1210px width
4. Toggle the super sidebar open/closed
5. Observe the file tree browser layout changes

Expected Behavior

The file tree browser should maintain consistent layout and positioning across all viewport widths, with smooth responsive behavior during super sidebar state changes.