# New Enact UI version overriding css margin property

**URL:** <https://forum.webostv.developer.lge.com/t/new-enact-ui-version-overriding-css-margin-property/3864>\
**Category:** Web App Development\
**Created:** [September 8, 2023, 8:23am UTC](https://forum.webostv.developer.lge.com/t/new-enact-ui-version-overriding-css-margin-property/3864 "2023-09-08T08:23:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user2061](https://avatars.discourse-cdn.com/v4/letter/u/e36b37/32.png) [@user2061](https://forum.webostv.developer.lge.com/u/user2061)\
**Post date:** [September 8, 2023, 8:23am UTC](https://forum.webostv.developer.lge.com/t/new-enact-ui-version-overriding-css-margin-property/3864/1 "2023-09-08T08:23:06Z")

</div>

With the new Enact UI version 4.7.4 margins are overridden to 0 by enact UI marquue class . Is there way to not let margin overridden by enact?  
 ![image](https://canada1.discourse-cdn.com/flex030/uploads/webostv/original/1X/2da84d72d04cedd75bcfdbb3e69ea22755c76c3f.jpeg)

---

<div class="post-metadata">

**Author:** ![narae0.kim](https://avatars.discourse-cdn.com/v4/letter/n/87869e/32.png) [@narae0.kim](https://forum.webostv.developer.lge.com/u/narae0.kim)\
**Post date:** [September 12, 2023, 11:44pm UTC](https://forum.webostv.developer.lge.com/t/new-enact-ui-version-overriding-css-margin-property/3864/2 "2023-09-12T23:44:21Z")

</div>

Sorry for the late reply. In that case, [CSS Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#tips_for_handling_specificity_headaches) will be helpful. Thank you.

---

<div class="post-metadata">

**Author:** ![user2061](https://avatars.discourse-cdn.com/v4/letter/u/e36b37/32.png) [@user2061](https://forum.webostv.developer.lge.com/u/user2061)\
**Post date:** [October 5, 2023, 9:27am UTC](https://forum.webostv.developer.lge.com/t/new-enact-ui-version-overriding-css-margin-property/3864/3 "2023-10-05T09:27:18Z")

</div>

Hey @narae0.kim ,

We are making use of MUI styled components for styling. We are not adding classNames to any element. Could you please suggest how we can override the following class:  
.enact\_ui\_Marquee\_Marquee\_marquee .enact\_ui\_Marquee\_Marquee\_text \* {  
margin: 0  
}

Also, is it possible to remove \* so that it doesn’t override all the margins inside this class?

---

<div class="post-metadata">

**Author:** ![narae0.kim](https://avatars.discourse-cdn.com/v4/letter/n/87869e/32.png) [@narae0.kim](https://forum.webostv.developer.lge.com/u/narae0.kim)\
**Post date:** [October 6, 2023, 12:03am UTC](https://forum.webostv.developer.lge.com/t/new-enact-ui-version-overriding-css-margin-property/3864/4 "2023-10-06T00:03:17Z")

</div>

Have you checked the document above? You can redefine CSS with higher specificity than the original. [Precedence over third-party CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#precedence_over_third-party_css) will be helpful. And you can test how it works [here](https://www.w3schools.com/css/css_specificity.asp). Thank you.