# Category color bar bleeding on mobile

**URL:** https://meta.discourse.org/t/category-color-bar-bleeding-on-mobile/90880
**Category:** UX
**Created:** [June 27, 2018, 3:38pm UTC](https://meta.discourse.org/t/category-color-bar-bleeding-on-mobile/90880 "2018-06-27T15:38:02Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![john-lynch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/john-lynch/32/81514_2.png) [@john-lynch](https://meta.discourse.org/u/john-lynch)
#### Post date: [June 27, 2018, 3:38pm UTC](https://meta.discourse.org/t/category-color-bar-bleeding-on-mobile/90880/1 "2018-06-27T15:38:02Z")

</div>

I just upgraded my Discourse install today, and I’m now noticing that the bars separating categories on the category view on mobile have taken on the color of the category below them:

 ![color%20bar](https://global.discourse-cdn.com/meta/original/3X/8/2/829cbc03257b9ddbd351060c8b100babd06caff8.png)

Note that in a desktop browser, they still adopt the neutral gray color:

![color%20bar%202](https://global.discourse-cdn.com/meta/original/3X/5/d/5d6b1bc379d0c6167db8cf5667315b8b133c3af6.PNG)

I’m assuming this is a bug, given the difference between platforms. I certainly prefer the neutral gray bar over the colored bar.

My mobile platform is Chrome 67.0.3396.87 on Android 8.1.0 (moto x4). My desktop platform is Chrome 67.0.3396.99 on Windows 10.

This is possibly related to this topic: [https://meta.discourse.org/t/misleading-category-spacers-on-mobile/84070?u=john-lynch](https://meta.discourse.org/t/misleading-category-spacers-on-mobile/84070). Was this done intentionally to try to differentiate between categories easier? If so, is there any way to get the old style back?

---

<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: [June 28, 2018, 3:16am UTC](https://meta.discourse.org/t/category-color-bar-bleeding-on-mobile/90880/2 "2018-06-28T03:16:47Z")

</div>

I believe this change was intentional, but I’m unsure. @awesomerobot can you have a look? Let’s go what whatever you recommend. I think either way is fine personally.

---

<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: [June 28, 2018, 3:52am UTC](https://meta.discourse.org/t/category-color-bar-bleeding-on-mobile/90880/3 "2018-06-28T03:52:00Z")

</div>

Yes, this was intentional — the division between categories wasn’t very clear on mobile (as mentioned [Misleading Category spacers on mobile](https://meta.discourse.org/t/misleading-category-spacers-on-mobile/84070)), and it felt like a good opportunity to use color to reinforce it.

If you’d like to override it, you can add some CSS:

```CSS
.mobile-view .category-list-item.category {
    border-top-color: #4d4d4d !important;
}

```

---

<div class="post-metadata">

### Author: ![john-lynch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/john-lynch/32/81514_2.png) [@john-lynch](https://meta.discourse.org/u/john-lynch)
#### Post date: [June 28, 2018, 12:47pm UTC](https://meta.discourse.org/t/category-color-bar-bleeding-on-mobile/90880/4 "2018-06-28T12:47:54Z")

</div>

Thanks, guys. I admit, it was mostly just jarring when I looked at it at first. I may give it some time to see if it grows on me. Thanks for the “fix.”