# "Expand" button positioning on mobile inconsistent with desktop

**URL:** <https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679>\
**Category:** UX\
**Created:** [December 8, 2017, 11:03am UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679 "2017-12-08T11:03:49Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)\
**Post date:** [December 8, 2017, 11:03am UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/1 "2017-12-08T11:03:50Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/5/c/5ce4f3afd3131e92e5e02cc11a48c4a47461aa7f.png)

As you can see the “Expand” button is between the name and the avatar, whereas on desktop the button is aligned to the right after the name/username.

It seems this left floating in `mobile/user.scss` is the culprit

[https://github.com/discourse/discourse/blob/master/app/assets/stylesheets/mobile/user.scss#L114-L116](https://github.com/discourse/discourse/blob/master/app/assets/stylesheets/mobile/user.scss#L114-L116)

If I float it to right in my chrome dev console I get this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/9/49389eb034df8bbdad0286284623476b0bbb39fb.png)

Which seems to fix this particular issue, but might break something else.

---

_[View the full topic](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679)._
