fix(desktop): anchor send button to bottom-right of composer#3448
Merged
esengine merged 1 commit intoJun 8, 2026
Merged
Conversation
2315dc7 to
2ac56a9
Compare
The send button uses the default flex alignment (center), so it floats vertically-centred in the composer. As the textarea grows to 2, 3, 4+ lines the button drifts downward with each new line — the muscle memory target keeps moving. Add align-self: flex-end to .composer__btn so the button hugs the bottom-right corner regardless of how tall the input is. The caret (›) stays vertically centred (the default align-items: center) which keeps it visually anchored to the first line of text.
2ac56a9 to
f229701
Compare
esengine
approved these changes
Jun 8, 2026
esengine
left a comment
Owner
There was a problem hiding this comment.
align-self: flex-end keeps the send button anchored to the composer's bottom as the textarea grows. Windows test flake (TestRunShell_CancelStopsCommand, unrelated timing) re-ran green.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
The send button uses the default flex alignment (
center), so it floats vertically centred in the composer. As the textarea grows to 2, 3, 4+ lines, the button drifts downward with each new line — the muscle memory target keeps moving.Fix
Add
align-self: flex-endto.composer__btn:This pins the button to the bottom-right corner of the flex container regardless of how tall the input is. The caret (
›) keeps the defaultalign-items: centerso it stays visually anchored to the first line of text.Before / After
Verification
pnpm typecheck✅ cleanpnpm build✅built in 12.75s