# Header CSS not applied to User API access key confirm page

**URL:** https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906
**Category:** UX
**Created:** [June 27, 2018, 10:36pm UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906 "2018-06-27T22:36:41Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![sarahann](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sarahann/32/96703_2.png) [@sarahann](https://meta.discourse.org/u/sarahann)
#### Post date: [June 27, 2018, 10:36pm UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906/1 "2018-06-27T22:36:41Z")

</div>

Hello!

I noticed something strange when adding some forums to the Discourse app.

**Prerequisites:**

1. Have a mobile phone with the Discourse app installed

**Devices:**

- iOS and android mobile phones. Likely any phone with the app installed. I used my Pixel XL.

**Repro Steps:**

1. click the “+” icon to add a new forum to the app
2. type “[forums.gearsofwar.com](http://forums.gearsofwar.com)” or “[community.cartalk.com](http://community.cartalk.com)”
3. click the “connect” button once the forum is in your list
4. You may need to make an account with Xbox or CarTalk
5. Once the account is created and you are on the authorize page notice the header scss is not applied

**Results:**

 ![Screenshot_20180627-142221](https://global.discourse-cdn.com/meta/original/3X/8/d/8d3fe3363ca1298223a44a64e7c30d500e84bfdc.png) ![Screenshot_20180627-140611](https://global.discourse-cdn.com/meta/original/3X/0/c/0c22312fc17312674c2e99a8631c5f627d73d6e9.png)

**Expected Behavior:**  
The scss loads for the header.

- The CarTalk Discourse header and the Gearsofwar Discourse header both show the app names instead of their icons. Which makes me thing the setting for the logo is not being accessed.
- The custom header in gearsofwar doesn’t show up.
- This doesn’t seem to affect footers?

---

<div class="post-metadata">

### Author: ![Cameron\_D](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cameron_d/32/97535_2.png) [@Cameron\_D](https://meta.discourse.org/u/Cameron_D)
#### Post date: [June 27, 2018, 11:55pm UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906/2 "2018-06-27T23:55:15Z")

</div>

I think this affects more than just the auth pages, any page that doesn’t load the full ember app, maybe? It also happens on the 404 page, for example. Example here on meta:

[https://meta.discourse.org/thisisa404page](https://meta.discourse.org/thisisa404page) (open in new tab)

---

<div class="post-metadata">

### Author: ![sarahann](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sarahann/32/96703_2.png) [@sarahann](https://meta.discourse.org/u/sarahann)
#### Post date: [June 27, 2018, 11:56pm UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906/3 "2018-06-27T23:56:31Z")

</div>

Yeah, I believe I have seen in on 404 pages as well

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [June 28, 2018, 12:53am UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906/4 "2018-06-28T00:53:54Z")

</div>

I recently merged a similar kind of issue at:

[https://github.com/discourse/discourse/pull/5684](https://github.com/discourse/discourse/pull/5684)

I guess we are not including custom css on static, non js pages

@Osama can you have a look at this and add to your list?

---

<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: [June 28, 2018, 12:22pm UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906/5 "2018-06-28T12:22:30Z")

</div>

It looks like we do include custom CSS on non-JS pages for both mobile and desktop layouts, however this:

> [@sarahann](#):
>
> The CarTalk Discourse header and the Gearsofwar Discourse header both show the app names instead of their icons. Which makes me thing the setting for the logo is not being accessed.

is indeed a bug and here is a fix for it:

[https://github.com/discourse/discourse/pull/6050](https://github.com/discourse/discourse/pull/6050)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [June 29, 2018, 5:21am UTC](https://meta.discourse.org/t/header-css-not-applied-to-user-api-access-key-confirm-page/90906/6 "2018-06-29T05:21:11Z")

</div>


