# Tabs don't become 'active' in user profile

**URL:** https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973
**Category:** UX
**Created:** [March 7, 2019, 11:35am UTC](https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973 "2019-03-07T11:35:49Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [March 7, 2019, 11:35am UTC](https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973/1 "2019-03-07T11:35:49Z")

</div>

The tabs along the top of [Discourse Meta - The Official Support Forum for Discourse](http://meta.discourse.org/my/preferences) don’t get highlighted when active. It looks like the `.active` class has been applied, so this is likely a CSS issue.

 ![09](https://global.discourse-cdn.com/meta/original/3X/4/3/4395d5fefdba702de01d49999964d2457af0041a.png)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [March 7, 2019, 11:56am UTC](https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973/2 "2019-03-07T11:56:10Z")

</div>

css expects active to be on parent `li`, not on the `a` itself.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [March 7, 2019, 12:40pm UTC](https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973/4 "2019-03-07T12:40:28Z")

</div>

Should be fixed by:

[https://github.com/discourse/discourse/commit/a2fdd4089c51588fdf93bc7863801e4ad9c73172](https://github.com/discourse/discourse/commit/a2fdd4089c51588fdf93bc7863801e4ad9c73172)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [March 7, 2019, 12:40pm UTC](https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973/5 "2019-03-07T12:40:32Z")

</div>



---

<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: [March 7, 2019, 2:53pm UTC](https://meta.discourse.org/t/tabs-dont-become-active-in-user-profile/110973/6 "2019-03-07T14:53:16Z")

</div>

Ah yes, this was me. I was trying to make the nav pills more consistent so they can be styled all at once in a theme (styling both the li.active and a.active causes some specificity issues). Will revisit this part.