fix(app): horizontal scroll in project hover card #7217

Closed
opened 2026-02-16 18:06:29 -05:00 by yindo · 1 comment
Owner

Originally created by @kyashrathore on GitHub (Jan 22, 2026).

Originally assigned to: @rekram1-node on GitHub.

Description

The project icon hover card (showing recent sessions) has unwanted horizontal scrolling(also vertical not required since it only shows first two), making it look broken/unpolished.

Root Cause

The container uses -m-3 p-2 which creates a negative margin that extends beyond the hover card boundaries, causing horizontal overflow.

Screenshots

Image

Fix

Change the container margin from -m-3 p-2 to -m-1 and add overflow-hidden to prevent any potential overflow.

Originally created by @kyashrathore on GitHub (Jan 22, 2026). Originally assigned to: @rekram1-node on GitHub. ## Description The project icon hover card (showing recent sessions) has unwanted horizontal scrolling(also vertical not required since it only shows first two), making it look broken/unpolished. ## Root Cause The container uses `-m-3 p-2` which creates a negative margin that extends beyond the hover card boundaries, causing horizontal overflow. ## Screenshots <!-- Before and after screenshots to be added --> <img width="352" height="483" alt="Image" src="https://github.com/user-attachments/assets/ec02869b-fcf6-4815-9aae-b3aa13c85d79" /> ## Fix Change the container margin from `-m-3 p-2` to `-m-1` and add `overflow-hidden` to prevent any potential overflow.
yindo added the web label 2026-02-16 18:06:29 -05:00
yindo closed this issue 2026-02-16 18:06:29 -05:00
Author
Owner

@github-actions[bot] commented on GitHub (Jan 22, 2026):

This issue might be a duplicate of existing issues. Please check:

  • #9771: web/app workspace modal padding wonkiness
  • #7621: When a permission string or label is long, the UI layout breaks, causing text overflow and misalignment
  • #6588: Weird vertical overflow in project selector

Feel free to ignore if none of these address your specific case.

@github-actions[bot] commented on GitHub (Jan 22, 2026): This issue might be a duplicate of existing issues. Please check: - #9771: web/app workspace modal padding wonkiness - #7621: When a permission string or label is long, the UI layout breaks, causing text overflow and misalignment - #6588: Weird vertical overflow in project selector Feel free to ignore if none of these address your specific case.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#7217