Skip to content

Conversation

@coderomm
Copy link

@coderomm coderomm commented Dec 17, 2025

What changed

Prevents the TweetCard avatar from shrinking when rendered inside grid or flex-based layouts.

Why

When multiple TweetCard components are placed in a constrained layout, the avatar container was allowed to shrink to accommodate the right-side content (username, name, etc.), resulting in inconsistent avatar sizes across cards.

How

Applied shrink-0 to the avatar container to prevent flexbox from shrinking the avatar and ensure consistent sizing.

Proof

Added before/after screen screenshots demonstrating:

  • the avatar shrinking issue
  • the corrected, consistent avatar sizing after the fix

Notes

  • Minimal, non-breaking change
  • No API or visual changes outside the TweetCard component

Bug Preview

Screenshot 2025-12-17 at 9 44 06 AM

Fix Preview

Screenshot 2025-12-17 at 9 44 19 AM

Closes #850

@vercel
Copy link

vercel bot commented Dec 17, 2025

@coderomm is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

@coderomm
Copy link
Author

@dillionverma Hey! I noticed a small layout issue with TweetCard avatars
shrinking in grid/flex layouts and submitted a minimal fix (shrink-0)
to keep avatar sizing consistent.

I’ve added a short before/after screenshots for clarity.
Thanks for building Magic UI - happy to adjust anything if needed!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[bug]: TweetCard avatar shrinks inconsistently in grid/flex layouts

1 participant