[BUG] Animated status icon squishes/stacks when chat grid cells get narrow (Claude Desktop)
Preflight Checklist
- [x] I have searched existing issues and this hasn't been reported yet
- [x] This is a single bug report (please file separate reports for different bugs)
- [x] I am using the latest version of Claude Code
What's Wrong?
The animated icon shown next to the running-task status line ("27m 32s · 3.4k tokens · 1 running task · Running tools...") in the chat grid has no min-width/min-height constraints. When the grid contains enough chats that individual cells become narrow, the icon gets compressed and renders as multiple small stacked copies instead of one icon at its intended size.
It looks like the icon is a sprite/animation frame strip (or repeated background) whose container shrinks with the cell, so the frames wrap/stack instead of clipping to a single frame.
Screenshot attached showing the squished, stacked rendering.
What Should Happen?
The icon keeps a fixed or minimum width/height regardless of cell width, and the status text truncates instead. One icon, rendered at its intended size.
Error Messages/Logs
None, visual/CSS bug only.Steps to Reproduce
- Open the Claude Desktop app for Windows with a task running so the animated status icon is visible on a chat card in the grid
- Add enough chats (or narrow the window) so individual grid cells shrink in width
- Observe the animated icon next to the status line: it squishes and shows multiple small stacked instances
Claude Model
Not sure / Multiple models
Is this a regression?
I don't know
Last Working Version
N/A
Claude Code Version
v1.37937.3 (claude code desktop)
Platform
Anthropic API
Operating System
Windows
Terminal/Shell
Other
Additional Information
Screenshot attached showing the squished, stacked icon rendering in a narrow grid cell.
<img width="613" height="64" alt="Image" src="https://github.com/user-attachments/assets/b15ec475-442d-4e38-b8a4-163099043288" />