# Remove inline styles from emotion

**URL:** <https://forum.builder.io/t/remove-inline-styles-from-emotion/3545>\
**Category:** Technical Questions\
**Tags:** visual-editor, styling, react, nextjs\
**Created:** [April 30, 2023, 12:19pm UTC](https://forum.builder.io/t/remove-inline-styles-from-emotion/3545 "2023-04-30T12:19:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![JonathanLand](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@JonathanLand](https://forum.builder.io/u/JonathanLand)\
**Post date:** [April 30, 2023, 12:19pm UTC](https://forum.builder.io/t/remove-inline-styles-from-emotion/3545/1 "2023-04-30T12:19:38Z")

</div>

Builder inserts inline styles (from `emotion`) in the `<head>`. On components that are set to `noWrap: true` these styles are overriding our component styles:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/9/94eb574c9cb088375032fb48404fd7e5631a277c.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/c/cd770e50de924edd2fbc23141833089a632620e1.png)

This happens even though **“Use default styles”** is set to **off** , and even when **“Components Only Mode”** is **on**.  
How can these be removed?

**Stack:**  
Next + CSS Modules

Thanks!