# 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?

**URL:** <https://forum.webosose.org/t/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/2232>\
**Category:** Uncategorized\
**Created:** [September 12, 2023, 7:05am UTC](https://forum.webosose.org/t/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/2232 "2023-09-12T07:05:09Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Darshan\_Giri](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/darshan_giri/32/874_2.png) [@Darshan\_Giri](https://forum.webosose.org/u/Darshan_Giri)\
**Post date:** [September 12, 2023, 7:05am UTC](https://forum.webosose.org/t/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/2232/1 "2023-09-12T07:05:09Z")

</div>

is there any way to fix this or overide this globally, since in 4.7.2 it was taking values as given ,

---

<div class="post-metadata">

**Author:** ![NERGI](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/nergi/32/364_2.png) [@NERGI](https://forum.webosose.org/u/NERGI)\
**Post date:** [September 15, 2023, 4:54am UTC](https://forum.webosose.org/t/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/2232/2 "2023-09-15T04:54:02Z")

</div>

Hi @Darshan_Giri,

Marquee component is composed as below.

```auto
<div class="enact_ui_Marquee_Marquee_marquee">

    <div class="enact_ui_Marquee_Marquee_text">MARQUEE TEXT</div>

</div>

```

And in enact 4.7.4, we set margin of `enact_ui_Marquee_Marquee_text` to be zero.

Because the marquee is implemented under the assumption that both widths are the same, so `enact_ui_Marquee_Marquee_text` margin needs to be set to 0 to marquee contents properly.

Thanks

---

<div class="post-metadata">

**Author:** ![Darshan\_Giri](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/darshan_giri/32/874_2.png) [@Darshan\_Giri](https://forum.webosose.org/u/Darshan_Giri)\
**Post date:** [September 15, 2023, 6:09am UTC](https://forum.webosose.org/t/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/2232/3 "2023-09-15T06:09:13Z")

</div>

anyway to overide it

---

<div class="post-metadata">

**Author:** ![Darshan\_Giri](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/darshan_giri/32/874_2.png) [@Darshan\_Giri](https://forum.webosose.org/u/Darshan_Giri)\
**Post date:** [September 19, 2023, 5:22am UTC](https://forum.webosose.org/t/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/2232/4 "2023-09-19T05:22:48Z")

</div>

hi, anyway to overide it globally

---

<div class="post-metadata">

**Author:** ![NERGI](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/nergi/32/364_2.png) [@NERGI](https://forum.webosose.org/u/NERGI)\
**Post date:** [September 20, 2023, 4:34am UTC](https://forum.webosose.org/t/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/2232/5 "2023-09-20T04:34:47Z")

</div>

There are two ways to override margin values:

First, you can use the inline style as below.

```auto
<Marquee
    style={{margin: '100px'}}
>
    {'marquee'}
</Marquee>

```

Second, you can use CSS and MarqueeDecorator to override the margin value.

```auto
// Marquee.module.less
.marquee {
    margin: 100px;
    .text {

    }
}

```

```auto
// App.js
import {MarqueeDecorator} from '@enact/sandstone/Marquee';
import css from './Marquee.module.less';

const NewMarquee = MarqueeDecorator({css: css}, 'div');

<NewMarquee>
    {'marquee'}
</NewMarquee>

```

Thanks

---

<div class="post-metadata">

**Author:** ![Darshan\_Giri](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/darshan_giri/32/874_2.png) [@Darshan\_Giri](https://forum.webosose.org/u/Darshan_Giri)\
**Post date:** [September 21, 2023, 6:48am UTC](https://forum.webosose.org/t/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/2232/6 "2023-09-21T06:48:38Z")

</div>

![Screenshot 2023-09-21 121651](https://canada1.discourse-cdn.com/flex031/uploads/developer1/original/1X/a6efb068356a36cbe1de7434909c7d119169619e.png)

Hi, we havent used marquee explicitly , its implicitly getting masked for the componets, anyway to overide this globally

---

<div class="post-metadata">

**Author:** ![Juwon](https://avatars.discourse-cdn.com/v4/letter/j/53a042/32.png) [@Juwon](https://forum.webosose.org/u/Juwon)\
**Post date:** [September 22, 2023, 6:27am UTC](https://forum.webosose.org/t/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/2232/7 "2023-09-22T06:27:49Z")

</div>

We may be able to support you better if you tell us your case(code snippet) that you need to override the marquee text's margin. Which component of the Moonstone library do you use?

---

<div class="post-metadata">

**Author:** ![Darshan\_Giri](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.webosose.org/darshan_giri/32/874_2.png) [@Darshan\_Giri](https://forum.webosose.org/u/Darshan_Giri)\
**Post date:** [September 27, 2023, 7:09am UTC](https://forum.webosose.org/t/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/2232/8 "2023-09-27T07:09:37Z")

</div>

![image](https://canada1.discourse-cdn.com/flex031/uploads/developer1/original/1X/97ca6cc55631fde54ad7688bbcb649ca193d944b.png)

we are giving margin here but marquee margin is getting used here which is 0 currently (marquee is overrriding our margins)