# Solved button alignment issue

**URL:** https://meta.discourse.org/t/solved-button-alignment-issue/211594
**Category:** UX
**Tags:** mobile, solved
**Created:** [December 9, 2021, 9:40am UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594 "2021-12-09T09:40:24Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 9, 2021, 9:40am UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/1 "2021-12-09T09:40:24Z")

</div>

Hello,

Solved button alignment issue on mobile if own post, has reply and under 364px width.

 ![Screenshot 2021-12-09 at 10.32.20](https://global.discourse-cdn.com/meta/original/3X/7/9/7961560385191828adf6634d948ce6bbd75340b1.png)

Thanks 🙂

---

<div class="post-metadata">

### Author: ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 10, 2021, 4:16pm UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/3 "2021-12-10T16:16:54Z")

</div>

Hi Don,

I am unable to repro this issue on mobile view with same conditions that you described.

 ![Screenshot 2021-12-10 at 21.44.10](https://global.discourse-cdn.com/meta/original/3X/3/4/3413b2c58d7c09b2adba7e9806be09ff81930e69.png)

Are you on latest Discourse version? Also can you let me know the mobile model and browser you are seeing this on?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 10, 2021, 4:54pm UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/4 "2021-12-10T16:54:40Z")

</div>

Hi Meghna,

Thank you for your response 🙂

That is interesting 🤔 on your screenshot there is no label only the icon but the icon is also different. This happens on Meta.

 ![Screenshot_20211210_175912_com.android.chrome](https://global.discourse-cdn.com/meta/original/3X/c/1/c14e169d76d64aa3888be7e9d8bb948bf311849a.jpeg)

 ![Screenshot_20211210_175216_com.android.chrome](https://global.discourse-cdn.com/meta/original/3X/4/5/458a19952c240f6a950cede54f55342d41edee24.jpeg)

This is the post I mentioned in the OP.

> [@How to add CSS to certain pages? Feed](https://meta.discourse.org/t/how-to-add-css-to-certain-pages-feed/210613/9):
>
> This will remove the top about section on the users own follow page. If I understand correctly what you want to do. slightly_smiling_face Paste this to mobile css section. body.user-follow-page { .viewing-self { .user-main .about { display: none; } } }

* * *

I’m on  
Huawei P20 Pro  
Android 10  
Chrome 96.0.4664.45

Thanks 🙂

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [December 10, 2021, 5:43pm UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/5 "2021-12-10T17:43:07Z")

</div>

For me it happens when you are viewing a reply that has a solution after you press the **…** on the post.

Before expanding the actions

 ![Screenshot_20211210-170925](https://global.discourse-cdn.com/meta/original/3X/4/4/44067622f265a9f48bd69601b8561ef9191e248a.png)

After expanding the actions

 ![Screenshot_20211210-170930](https://global.discourse-cdn.com/meta/original/3X/b/8/b83d709b09a54f426c21d346e0413f19aaab6278.png)

* * *

Sony Xperia XZ  
Latest version of chrome

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [December 10, 2021, 5:50pm UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/6 "2021-12-10T17:50:16Z")

</div>

Mine is like that too:

 ![Aligned](https://global.discourse-cdn.com/meta/original/3X/4/7/4781e25d7447d57dba31dd7ba6c649ab5e3e5f03.jpeg)

 ![Misaligned](https://global.discourse-cdn.com/meta/original/3X/a/0/a0896e295ca67a0bca0880f97149c56767835f7d.jpeg)

* * *

Honor 9 | Android 9 | Chrome

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [December 15, 2021, 2:15am UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/7 "2021-12-15T02:15:03Z")

</div>

I’ve got a fix in the queue here:

[https://github.com/discourse/discourse-solved/pull/177](https://github.com/discourse/discourse-solved/pull/177)

Things were appearing normally for admins, but we show different text for normal users. This prevents it from wrapping.

---

<div class="post-metadata">

### Author: ![greejak12](https://avatars.discourse-cdn.com/v4/letter/g/ecae2f/32.png) [@greejak12](https://meta.discourse.org/u/greejak12)
#### Post date: [December 17, 2021, 6:48pm UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/8 "2021-12-17T18:48:11Z")

</div>

> Blockquote

> [@awesomerobot](#):
>
> I’ve got a fix in the queue here:
> 
> [UX: prevent solution text and icon from wrapping by awesomerobot · Pull Request #177 · discourse/discourse-solved · GitHub](https://github.com/discourse/discourse-solved/pull/177)
> 
> Things were appearing normally for admins, but we show different text for normal users. This prevents it from wrapping

This is useful to me as well, thanks

---

<div class="post-metadata">

### Author: ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)
#### Post date: [October 29, 2025, 7:54pm UTC](https://meta.discourse.org/t/solved-button-alignment-issue/211594/9 "2025-10-29T19:54:52Z")

</div>


