# Overlaying symbols on a coordinate container such that they keep their positions on container resizing in perspective

**URL:** <https://forum.inductiveautomation.com/t/overlaying-symbols-on-a-coordinate-container-such-that-they-keep-their-positions-on-container-resizing-in-perspective/113685>\
**Category:** Ignition\
**Tags:** perspective, ignition83\
**Created:** [February 2, 2026, 5:52am UTC](https://forum.inductiveautomation.com/t/overlaying-symbols-on-a-coordinate-container-such-that-they-keep-their-positions-on-container-resizing-in-perspective/113685 "2026-02-02T05:52:12Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![damian1](https://avatars.discourse-cdn.com/v4/letter/d/5f9b8f/32.png) [@damian1](https://forum.inductiveautomation.com/u/damian1)\
**Post date:** [February 2, 2026, 5:52am UTC](https://forum.inductiveautomation.com/t/overlaying-symbols-on-a-coordinate-container-such-that-they-keep-their-positions-on-container-resizing-in-perspective/113685/1 "2026-02-02T05:52:13Z")

</div>

how do overlay symbols/items on a drawing contained within a coordinate container such that on resizing the container the symbols/items resize too and keep their position?

Before resizing,

 ![Pic1](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/0/805ca5d951f3c9f093e431a8765316396d167636.png)

After resizing,

 ![Pic2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/4/645fdca49a7d192b551dc4a116de73598150798b.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [February 2, 2026, 8:11am UTC](https://forum.inductiveautomation.com/t/overlaying-symbols-on-a-coordinate-container-such-that-they-keep-their-positions-on-container-resizing-in-perspective/113685/2 "2026-02-02T08:11:23Z")

</div>

It looks like you’re mixing coord and flex containers, which needs consideration to make them work as you’d like. I personally would never use the labels within smart symbols since they're stacked into a flex container and you have no control over them without overriding via css. The issue they pose is resizing issues as you’ve found, where the size of the SVG will ultimately resize disproportionately which is essentially when positioning is important in a p&id. (I actually don't use the smart symbols _at all_ given their limited customisation)

With pnid mimic pages, you need to make sure to set the aspect ratio of the view, eg to the size of the view (`1920:980` for example).

Can you share the definition of that label with arrow template view? I can’t tell why it’s doing what it is without seeing it