# Issue with CSS not rendering correctly in Angular application replays

**URL:** <https://forum.openreplay.com/t/issue-with-css-not-rendering-correctly-in-angular-application-replays/131>\
**Category:** Issues & Bugs\
**Created:** [August 1, 2024, 3:23pm UTC](https://forum.openreplay.com/t/issue-with-css-not-rendering-correctly-in-angular-application-replays/131 "2024-08-01T15:23:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tomelson](https://avatars.discourse-cdn.com/v4/letter/t/65b543/32.png) [@tomelson](https://forum.openreplay.com/u/tomelson)\
**Post date:** [August 1, 2024, 3:23pm UTC](https://forum.openreplay.com/t/issue-with-css-not-rendering-correctly-in-angular-application-replays/131/1 "2024-08-01T15:23:02Z")

</div>

Hello, we have posted this on the slack channel as well but not received any response so going to try here.

We are trying to get sessions to display correctly in our OpenReplay instance but CSS is not rendering correctly. In the console we see this error:

`Refused to apply style from '<URL>' because its MIME type ('application/xml') is not a supported stylesheet MIME type, and strict MIME checking is enabled`

In order to troubleshoot this issue, we have then tried a number of things below to try and understand where the issue may lie.:

**CSS not rendered Properly in Angular Applications** Tested with Angular Versions : `18.1.2` and `7.2.15`  
OpenReplay Integrated using the script in **index.html .** Cannot use the npm package due to dependency issues of the project in angular `7.2.15` **Scenario 01 : Adding bootstrap from CDN**

- Added the bootstrap CDNs to `index.html`
- CSS working : Yes

**Scenario 02 : Adding bootstrap from** `npm` _Case 01_

- Importing bootstrap to` styles.scss`
- Bootstrap CSS working : No
- Other Added CSS in project Working: Yes

_Case 02_

- Importing bootstrap to `angular.json`
- Bootstrap CSS working : No
- Other Added CSS in project Working: Yes

Do you know about any fix for this or what could be causing this issue?

_ **PS 1** _  
OpenReplay version : `14.0.1`

_ **PS 2** _  
Tested the `Scenario 02` with OpenReplay `npm` package on angular `18.1.2` , same results as mentioned on `Scenario 02` for both cases (edited)

Thank you

---

<div class="post-metadata">

**Author:** ![mehdi](https://dub1.discourse-cdn.com/flex006/user_avatar/forum.openreplay.com/mehdi/32/50_2.png) [@mehdi](https://forum.openreplay.com/u/mehdi)\
**Post date:** [October 8, 2024, 10:17pm UTC](https://forum.openreplay.com/t/issue-with-css-not-rendering-correctly-in-angular-application-replays/131/2 "2024-10-08T22:17:34Z")

</div>

Hey Tom,

Can you please run `openreplay -e` then change the below

```auto
assets:
  env:
    ASSETS_SIZE_LIMIT: "60291456"

```

The CSS file exceeds the default limit (6Mb) and therefore cannot be downloaded hence the error you see in the logs.

Add the above block in the config file that opens after running `openreplay -e`. Also ensure there is no internal networking mismatch. Then simply record a new session, close the tab to force it to be processed, wait a couple minutes for it to appear in the dashboard/list then replay it to see if the issue is resolved .