# Highlighted user on topic list aligned incorrectly

**URL:** https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784
**Category:** UX
**Created:** [February 28, 2018, 7:34am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784 "2018-02-28T07:34:38Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [February 28, 2018, 7:34am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/1 "2018-02-28T07:34:38Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/1/8/181ce1decf8d84091bbd225c12110f9a2c9af3e1.jpg)

If the first user is highlighted, the icon doesn’t line up like it used to…

The border/glow is pushing it upwards…

---

<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: [February 28, 2018, 2:55pm UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/2 "2018-02-28T14:55:20Z")

</div>

I checked a few browsers and it looks aligned to me — which browser/os are you using?

 ![55%20AM](https://global.discourse-cdn.com/meta/original/3X/8/3/836f065a2ea69d024d92897be9826cfdce96cbae.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [March 1, 2018, 12:30am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/3 "2018-03-01T00:30:25Z")

</div>

Bug. You gave this a category of bug. Really? _Really?_ 😆

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [March 1, 2018, 1:04am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/4 "2018-03-01T01:04:22Z")

</div>

FireFox 59… er… beta. I know I know I know…

Just pointing it out.

😁

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [March 1, 2018, 1:35am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/5 "2018-03-01T01:35:57Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/5/4/54102f4131f621d8070fb5e2ec3dfcb0a5ef903a.gif)

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [March 1, 2018, 1:59am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/6 "2018-03-01T01:59:11Z")

</div>

I think it is my theme. I am running Materials Design.

This is on Chrome:

![image](https://global.discourse-cdn.com/meta/original/3X/2/d/2d481675bfe9582beda7828680b0e7938b6fb15e.jpg)

Will investigate more.

EDIT: Nope. Removing Materials Design and running the stock theme yields the same thing on Chrome 64.

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [March 1, 2018, 2:07am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/7 "2018-03-01T02:07:17Z")

</div>

OK. I’m running the Topic List Previews plugin and the following CSS throws it off:

`previews_common.scss` line 278:

```plaintext
.topic-list .posters > a {
    float: initial;
}

```

@angus can you please take a look?

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [March 2, 2018, 1:10am UTC](https://meta.discourse.org/t/highlighted-user-on-topic-list-aligned-incorrectly/81784/8 "2018-03-02T01:10:16Z")

</div>

Issue addressed here: [https://meta.discourse.org/t/topic-list-previews/41630/755?u=angus](https://meta.discourse.org/t/topic-list-previews/41630/755)