# Mastodon 5.0 (design preview): Composer should be at top

**URL:** <https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74>\
**Category:** UX Feedback\
**Tags:** web\
**Created:** [October 19, 2026, 5:14pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74 "2026-10-19T17:14:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Purple](https://avatars.discourse-cdn.com/v4/letter/p/e19b73/32.png) [@Purple](https://community.joinmastodon.org/u/Purple)\
**Post date:** [October 19, 2026, 5:14pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/1 "2026-10-19T17:14:38Z")

</div>

Hi!

Posting here after seeing the design preview to say I think the composer should really be at the top of the page, compared to the bottom where it is right now.

For this I have the following reasons:

1. Your post will appear on the top after posting (Latest activity is on top), it makes more sense to put give the composer the highest position, as it’s the freshest content (it’s bring written!)

2. On screen keyboards have the tendency on some systems to spawn in front of the bottom of the display

3. If the textbox were to expand to fit more text while typing, it would be jarring if this happened in a bottom composer situation. As the only space to expand to would be higher on the screen, this would cause the text to shift up one line when done so

Additionally I just think it would look better, but that is purely a personal opinion without specific reasoning.

Wondering what others think

---

<div class="post-metadata">

**Author:** ![AndrewBlasco](https://avatars.discourse-cdn.com/v4/letter/a/6f9a4e/32.png) [@AndrewBlasco](https://community.joinmastodon.org/u/AndrewBlasco)\
**Post date:** [October 19, 2026, 6:52pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/2 "2026-10-19T18:52:46Z")

</div>

I’m not sure about this…

If you are in a middle point of your timeline, composer at top could be strange…  
I don’t mind if they put at the bottom right corner as the first 5.0 demo, but the problem there is you have a composer button far from the other buttons (home, explore, custom feeds, followed hashtags…).

---

<div class="post-metadata">

**Author:** ![itisi](https://dub1.discourse-cdn.com/flex014/user_avatar/community.joinmastodon.org/itisi/32/151_2.png) [@itisi](https://community.joinmastodon.org/u/itisi)\
**Post date:** [October 20, 2026, 2:25pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/3 "2026-10-20T14:25:11Z")

</div>

I agree, i was just going to make a new topic with the same suggestion;

With the compose box at the bottom, it feels like i’m writing (fiddling) in a tiny little box at the bottom of the screen.

Note that [Phanpy](https://github.com/cheeaun/phanpy) does exactly this - the compose box is vertically in the top/center, and it’s a lot more convenient.

(for reference, laptop display resolution: 2560x1600)

---

<div class="post-metadata">

**Author:** ![poyribn](https://dub1.discourse-cdn.com/flex014/user_avatar/community.joinmastodon.org/poyribn/32/395_2.png) [@poyribn](https://community.joinmastodon.org/u/poyribn)\
**Post date:** [November 4, 2026, 8:06pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/4 "2026-11-04T20:06:16Z")

</div>

Mastodon Staff said they will need much more Space for the Composer compared to the previous Design.

That sounds like the Composer should have a Column to itself.

---

<div class="post-metadata">

**Author:** ![Rolle](https://dub1.discourse-cdn.com/flex014/user_avatar/community.joinmastodon.org/rolle/32/537_2.png) [@Rolle](https://community.joinmastodon.org/u/Rolle)\
**Post date:** [November 7, 2026, 11:16pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/5 "2026-11-07T23:16:52Z")

</div>

Agreed.

We have it like this:

 ![2026-11-08_01-15-30](https://europe1.discourse-cdn.com/flex014/uploads/mastodon_community/original/1X/b70fa7e6810041ceb163a4e575dcbc3eb1f361a4.jpeg)

---

<div class="post-metadata">

**Author:** ![Purple](https://avatars.discourse-cdn.com/v4/letter/p/e19b73/32.png) [@Purple](https://community.joinmastodon.org/u/Purple)\
**Post date:** [November 12, 2026, 6:15pm UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/6 "2026-11-12T18:15:35Z")

</div>

Stunning, do you have a repository where this change lives so we could cherry-pick it for our instance as well?

---

<div class="post-metadata">

**Author:** ![Rolle](https://dub1.discourse-cdn.com/flex014/user_avatar/community.joinmastodon.org/rolle/32/537_2.png) [@Rolle](https://community.joinmastodon.org/u/Rolle)\
**Post date:** [November 13, 2026, 9:44am UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/7 "2026-11-13T09:44:56Z")

</div>

Yes! It’s a single commit in our fork: [Open the composer near the top like a dialog · mementomori-social/mastodon@d14b2dd · GitHub](https://github.com/mementomori-social/mastodon/commit/d14b2ddc668ddf332e9d88e80f3977764858c31b)

It touches `trigger.tsx` and `trigger.module.scss`, and it cherry-picks cleanly onto current mastodon/mastodon main.

The commit itself only dims the background with 50% black. The blur and the darker background come from Mastodon Bird UI: [mastodon-bird-ui/src/components/\_modals.scss at 724cf08cb343a4cc0ac3b1b79c850a05096492a4 · rollecode/mastodon-bird-ui · GitHub](https://github.com/rollecode/mastodon-bird-ui/blob/724cf08cb343a4cc0ac3b1b79c850a05096492a4/src/components/_modals.scss#L1-L8)

If you don’t run Bird UI, you can copy that one rule into your custom CSS once the commit is in.

---

<div class="post-metadata">

**Author:** ![imani](https://dub1.discourse-cdn.com/flex014/user_avatar/community.joinmastodon.org/imani/32/13_2.png) [@imani](https://community.joinmastodon.org/u/imani)\
**Post date:** [November 13, 2026, 10:52am UTC](https://community.joinmastodon.org/t/mastodon-5-0-design-preview-composer-should-be-at-top/74/8 "2026-11-13T10:52:25Z")

</div>

The upcoming update will switch Mastodon’s composer to a center modal, which we can possibly limit to not go beyond a certain vh on extra large screens.