# Remove Dropshadow on Map Popups

**URL:** <https://forum.inductiveautomation.com/t/remove-dropshadow-on-map-popups/108961>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [July 25, 2025, 7:09pm UTC](https://forum.inductiveautomation.com/t/remove-dropshadow-on-map-popups/108961 "2025-07-25T19:09:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 25, 2025, 7:09pm UTC](https://forum.inductiveautomation.com/t/remove-dropshadow-on-map-popups/108961/1 "2025-07-25T19:09:13Z")

</div>

I have a popup that appears when icons are selected in a map component. Through the stylesheet I have removed the white background that is built in to the popup feature, but it appears that there is also a dropshadow associated with where that background element is/was. I didn't notice it right away because the dropshadow is very subtle on a darkmode map we have, but the lightmode map is very obvious.

 ![Forum Screenshot 23](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/9/5947af4ec86460b3fbb6756328cf8b1047b6254e.png)  
 ![Forum Screenshot 24](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/5/351d2e873bc6d94f4c9d3a34bebf7b6efc2ec85e.png)

I attempted to remove it by adding this to my stylesheet, but I think my exact syntax may be off, as I'm unfamiliar with the terms perspective wants and wasn't able to find where a list of these element names might be found.

```python
.ia_popup {
  box-shadow: none !important;
}

```