# Map- Tooltip Pointer

**URL:** <https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 25, 2022, 1:17pm UTC](https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446 "2022-08-25T13:17:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amruth\_Jois](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@Amruth\_Jois](https://forum.inductiveautomation.com/u/Amruth_Jois)\
**Post date:** [August 25, 2022, 1:17pm UTC](https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446/1 "2022-08-25T13:17:52Z")

</div>

![Map](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/1/a1f42b38f313acdf13496171b8eb35d3bd4cad1b.png)  
How can i increase the Tooltip arrow as i marked in the screenshot? if option available please help me.

---

<div class="post-metadata">

**Author:** ![Munkhbat\_Munkhtulga](https://avatars.discourse-cdn.com/v4/letter/m/958977/32.png) [@Munkhbat\_Munkhtulga](https://forum.inductiveautomation.com/u/Munkhbat_Munkhtulga)\
**Post date:** [August 29, 2022, 8:43pm UTC](https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446/2 "2022-08-29T20:43:35Z")

</div>

Hi Amruth,

If I am understanding your question correctly, you are asking how to make those pins on the map bigger.  
You can find a property for this by checking layers.ui.marker.{instanceNumber}.icon.size. In that property you can adjust the height and width of those pins to make them bigger or smaller.

[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Map#PerspectiveMap-Properties](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Map#PerspectiveMap-Properties)

---

<div class="post-metadata">

**Author:** ![Amruth\_Jois](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@Amruth\_Jois](https://forum.inductiveautomation.com/u/Amruth_Jois)\
**Post date:** [August 30, 2022, 6:35am UTC](https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446/3 "2022-08-30T06:35:19Z")

</div>

Not exactly the pins, i mean the arrow mark of the tool tip where it is pointed the pins.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 30, 2022, 8:29am UTC](https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446/4 "2022-08-30T08:29:56Z")

</div>

you want it bigger and move the whole box i guess?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 30, 2022, 9:01am UTC](https://forum.inductiveautomation.com/t/map-tooltip-pointer/63446/5 "2022-08-30T09:01:25Z")

</div>

this css makes the marker bigger

```auto
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before{zoom:2}

```

and this should offset the tooltip a bit, might need some other value depending on zoom and the offset you want

```auto
.leaflet-tooltip-left{margin-left:-20px}
.leaflet-tooltip-right{margin-left:20px}
.leaflet-tooltip-top{margin-top:-20px}
.leaflet-tooltip-bottom{margin-top:20px}

```

example zoom:10  
margin:70  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1bec51fcfcf608068df128de8e0648e063eaffc0.png)