# Category navigation wrong CSS on refresh

**URL:** https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852
**Category:** UX
**Created:** [August 11, 2022, 12:22pm UTC](https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852 "2022-08-11T12:22:05Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [August 11, 2022, 12:22pm UTC](https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852/1 "2022-08-11T12:22:05Z")

</div>

When I navigate to a category, it typically looks like this:

 ![CleanShot 2022-08-11 at 09.00.42@2x](https://global.discourse-cdn.com/meta/original/4X/a/1/a/a1acd58d6327df15e8fe6fd0acb6e8b29aad9f24.png)

But I updated to beta9 today and even though the normal version shows up when I navigate to it, if I refresh the page, the boxes are not properly styled:

 ![CleanShot 2022-08-11 at 09.00.48@2x](https://global.discourse-cdn.com/meta/original/4X/a/d/6/ad61cc6ae741bcef27858ede0a0220f8fe5c4643.png)

This happens because the `.select-kit-header` and the `d-icon` are losing their inline style property:

 ![CleanShot 2022-08-11 at 14.24.17](https://global.discourse-cdn.com/meta/original/4X/a/5/c/a5c5a74812afcdef579cbc6cab06630ee30069b3.png)

I’m also seeing this error in the console, but I don’t know if it’s related (I’m on desktop and it also appears on the initial navigation, when things look normal): Uncaught (in promise) ReferenceError: Cannot access ‘hideMobile’ before initialization

 ![CleanShot 2022-08-11 at 12.54.00](https://global.discourse-cdn.com/meta/original/4X/2/4/c/24cb2673c45a80c82e0acb86d1fdd86c01ca5b48.png)

---

<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: [August 11, 2022, 4:44pm UTC](https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852/2 "2022-08-11T16:44:45Z")

</div>

Do you have the [Discourse Tag Banners](https://meta.discourse.org/t/tag-banners/124240) component installed? I recognize that ‘hideMobile’ error from that… if you update the component that should go away (if it doesn’t, let us know!).

---

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [August 11, 2022, 6:15pm UTC](https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852/3 "2022-08-11T18:15:04Z")

</div>

Hi Kris,

> [@awesomerobot](#):
>
> Do you have the [Discourse Tag Banners](https://meta.discourse.org/t/tag-banners/124240) component installed?

I don’t and all my components are updated. These are the ones I have:

- Add Group CSS classes
- Category Headers theme component
- Custom Header Links
- DiscoTOC
- Mobile Category List Adjustments
- Topic Thumbnails

---

<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: [August 11, 2022, 6:17pm UTC](https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852/4 "2022-08-11T18:17:42Z")

</div>

> [@Nacho\_Caballero](#):
>
> Category Headers theme component

Ah perhaps it’s this one, it has something similar here:

[https://github.com/naidihr/discourse-category-headers/blob/master/common/header.html#L21](https://github.com/naidihr/discourse-category-headers/blob/master/common/header.html#L21)

If you temporarily disable the category headers component, does that error go away? (and if it does, is the category dropdown issue fixed?)

---

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [August 11, 2022, 7:07pm UTC](https://meta.discourse.org/t/category-navigation-wrong-css-on-refresh/235852/5 "2022-08-11T19:07:53Z")

</div>

> [@awesomerobot](#):
>
> If you temporarily disable the category headers component, does that error go away? (and if it does, is the category dropdown issue fixed?)

Yes, it goes away and the issue is fixed.