Skip to content

fix: improve emoji picker spacing and emoji sizing#107

Open
gabrielfordevelopment wants to merge 1 commit intostoatchat:devfrom
gabrielfordevelopment:feat/emoji-picker-density
Open

fix: improve emoji picker spacing and emoji sizing#107
gabrielfordevelopment wants to merge 1 commit intostoatchat:devfrom
gabrielfordevelopment:feat/emoji-picker-density

Conversation

@gabrielfordevelopment
Copy link
Copy Markdown

@gabrielfordevelopment gabrielfordevelopment commented Apr 6, 2026

closes #116

Reduced emoji picker grid gaps and increased emoji visual size for better readability. Kept layout compact and improved custom emoji fit so the picker feels denser and clearer.

  • Emoji items in the picker currently appear too small and too far apart, which makes them harder to scan and select, especially on smaller screens.
  • This update brings spacing and sizing closer to the web experience for better cross-platform consistency.
  • The result is a denser, clearer picker that improves quick navigation and emoji selection without changing core behavior.
  • Removed clip(CircleShape) from emoji picker items to fix edge clipping artifacts and improve rendering consistency. (It was not visible to shape emoji items)

Video example

Currently we have this:

1000017595.mp4

Whate I made have this:

1000017594.mp4

Screenshots

Photos_GNkg6C7wQi

Signed-off-by: Gabriel <60961939+gabrielfordevelopment@users.noreply.github.com>
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.

Improve emoji picker density and readability

1 participant