claude-code - 💡(How to fix) Fix [BUG] Layout clipping in macOS desktop app [3 comments, 3 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
anthropics/claude-code#48476Fetched 2026-04-16 06:59:04
View on GitHub
Comments
3
Participants
3
Timeline
12
Reactions
0
Author
Timeline (top)
cross-referenced ×4labeled ×4commented ×3subscribed ×1

Error Message

Error Messages/Logs

Fix Action

Fix / Workaround

There is a fixed-width dead zone between the left sidebar and the main content area that clips the left edge of all content — chat titles, project names, and conversation text. The content centers in the remaining space but its left side is always cut off. The dead zone does not respond to sidebar resizing, window resizing, or any other user action. The only workaround is making the window extremely wide. Restarting the app does not fix it.

RAW_BUFFERClick to expand / collapse

Preflight Checklist

  • I have searched existing issues and this hasn't been reported yet
  • This is a single bug report (please file separate reports for different bugs)
  • I am using the latest version of Claude Code

What's Wrong?

App version: 1.2581.0 (f10398) 2026-04-14T17:16:40.000Z macOS version: 13.7.8 (22H730)

There is a fixed-width dead zone between the left sidebar and the main content area that clips the left edge of all content — chat titles, project names, and conversation text. The content centers in the remaining space but its left side is always cut off. The dead zone does not respond to sidebar resizing, window resizing, or any other user action. The only workaround is making the window extremely wide. Restarting the app does not fix it.

Screenshot attached showing the truncated project title ("les Data & Analysis" instead of "Sales Data & Analysis") and clipped chat names in the sidebar history.

<img width="1643" height="1081" alt="Image" src="https://github.com/user-attachments/assets/bd13defa-1ced-4d3a-b132-679bff7ce5b0" />

What Should Happen?

There should be no "dead zone". It's like an opaque window was placed over the right edge of the left sidebar and extends to the right, blocking any text that is normally shared there.

The display should be normal as it always was.

Error Messages/Logs

Steps to Reproduce

  1. Open Claude desktop. Choose a project.

Claude Model

Opus

Is this a regression?

Yes, this worked in a previous version

Last Working Version

No response

Claude Code Version

⏺ Claude Code 2.1.109. The model I'm running on is Claude Opus 4.6 (1M context).

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

Terminal.app (macOS)

Additional Information

<img width="1643" height="1081" alt="Image" src="https://github.com/user-attachments/assets/07ad58c3-2925-486b-a0cf-ab8c8561068e" />

extent analysis

TL;DR

The issue can likely be resolved by adjusting the layout or CSS styling to remove the fixed-width dead zone between the left sidebar and the main content area.

Guidance

  • Investigate the CSS styles applied to the left sidebar and main content area to identify the source of the fixed-width dead zone.
  • Check for any recent changes to the layout or styling that may have introduced this issue, given that it's reported as a regression.
  • Consider temporarily modifying the CSS to override the fixed width and observe if the issue is resolved.
  • Review the Anthropic API documentation to ensure that the current implementation aligns with recommended practices for layout and styling.

Example

No specific code example can be provided without access to the actual CSS or layout code, but a general approach might involve inspecting and adjusting styles like margin, padding, or width for the elements in question.

Notes

The exact solution depends on the specifics of the CSS and layout implementation, which are not provided in the issue. The Anthropic API and Claude Code versions might also influence the styling and layout behavior.

Recommendation

Apply a workaround by adjusting the CSS styling to remove the fixed-width dead zone, as the root cause seems related to layout and styling rather than a version-specific bug that could be fixed by an upgrade.

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING