# How to change Kibana Notification popup CSS

**URL:** <https://discuss.elastic.co/t/how-to-change-kibana-notification-popup-css/248271>\
**Category:** Kibana\
**Created:** [September 11, 2020, 7:06am UTC](https://discuss.elastic.co/t/how-to-change-kibana-notification-popup-css/248271 "2020-09-11T07:06:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chandu5565](https://avatars.discourse-cdn.com/v4/letter/c/c57346/32.png) [@chandu5565](https://discuss.elastic.co/u/chandu5565)\
**Post date:** [September 11, 2020, 7:06am UTC](https://discuss.elastic.co/t/how-to-change-kibana-notification-popup-css/248271/1 "2020-09-11T07:06:32Z")

</div>

Hi,

Objective : I have to change the notification popup from bottom to top.

I have upgraded kibana from 7.5.1 to 7.9.0 Earlier we had made change in file

```auto
/usr/share/kibana/node_modules/@elastic/eui/dist/eui_theme_light.css

```

class euiGlobalToast and the changes are reflected without restart and after restart also it was working fine.

Now in latest version of kibana (7.9.0) I made changes in file

```auto
 /usr/share/kibana/node_modules/@elastic/eui/dist/eui_theme_light.css

```

Changes are not reflected then I made changes in below file

```auto
/usr/share/kibana/node_modules/@kbn/ui-shared-deps/target/kbn-ui-shared-deps.v7.light.css

```

But no luck I restarted the service as well but it still picks the old .css only.

can some one help me how to fix it. Help is really appreciated.

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [September 14, 2020, 10:43am UTC](https://discuss.elastic.co/t/how-to-change-kibana-notification-popup-css/248271/2 "2020-09-14T10:43:11Z")

</div>

Can you try removing the optimize folder and restarting the Kibana server?

---

<div class="post-metadata">

**Author:** ![chandu5565](https://avatars.discourse-cdn.com/v4/letter/c/c57346/32.png) [@chandu5565](https://discuss.elastic.co/u/chandu5565)\
**Post date:** [September 18, 2020, 4:25am UTC](https://discuss.elastic.co/t/how-to-change-kibana-notification-popup-css/248271/3 "2020-09-18T04:25:02Z")

</div>

Hi Marius,

Sorry for late reply.

I removed optimize folder and restarted kibana after applying changes. But no luck Still the popup is displayed at bottom.

After restart kibana has created optimize directory.

Don't know whats going on and why the changes are not reflecting.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [October 16, 2020, 4:25am UTC](https://discuss.elastic.co/t/how-to-change-kibana-notification-popup-css/248271/4 "2020-10-16T04:25:07Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.