# Map marker tooltip offset

**URL:** <https://forum.inductiveautomation.com/t/map-marker-tooltip-offset/100977>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 16, 2025, 3:37pm UTC](https://forum.inductiveautomation.com/t/map-marker-tooltip-offset/100977 "2025-01-16T15:37:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jose\_Hervas\_Chico](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jose_hervas_chico/32/69260_2.png) [@Jose\_Hervas\_Chico](https://forum.inductiveautomation.com/u/Jose_Hervas_Chico)\
**Post date:** [January 16, 2025, 3:37pm UTC](https://forum.inductiveautomation.com/t/map-marker-tooltip-offset/100977/1 "2025-01-16T15:37:01Z")

</div>

Hello!

I have some ui markers on a map component, but I would like to offset the tooltip of those markers a littlebit, because blocks the view a little bit. How can I do that?

Thanks!!

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/5/c51b97b098f612c76b149288472cd3a34435a859.png)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [January 16, 2025, 4:02pm UTC](https://forum.inductiveautomation.com/t/map-marker-tooltip-offset/100977/2 "2025-01-16T16:02:46Z")

</div>

In the Chrome browser Developer Tools (F12) I can move it by adding the `top` setting.

```python
.leaflet-tooltip {
    top: -20px;
    ....
}

```

Adding  
`META.tooltip.style.top : -20px;`  
in Designer doesn't seem to work in Designer or the browser. Hmmm!