# How to alter SVG elements in dashboard?

**URL:** <https://discourse.nodered.org/t/how-to-alter-svg-elements-in-dashboard/21679>\
**Category:** Dashboard\
**Created:** [14 February 2020 04:45 UTC](https://discourse.nodered.org/t/how-to-alter-svg-elements-in-dashboard/21679 "2020-02-14T04:45:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dr\_cave\_dweller](https://avatars.discourse-cdn.com/v4/letter/d/71e660/32.png) [@dr\_cave\_dweller](https://discourse.nodered.org/u/dr_cave_dweller)\
**Post date:** [14 February 2020 04:45 UTC](https://discourse.nodered.org/t/how-to-alter-svg-elements-in-dashboard/21679/1 "2020-02-14T04:45:35Z")

</div>

I am using the numeric dashboard element, the one with the up down arrows. The arrows are too small against the text, I need to increase the size.

When I target with developer tools it brings up a box called SVG[Attributes Style] with a width:24 and height:24. I can't modify these values in the developer tools, they seem locked off. I think these are the values I need to change to increase the arrow size.

 ![svg](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/c/cc91af0d0b38109845471330be94466eddd947d7.jpeg)

In Node-Red I have tried a bunch of different methods I found on google to try and modify through UI\_Template, but nothing works.

Any ideas? What do I need to put in the ui\_template to increase size from 24x24 to 100x100 in size?

Thanks

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [15 March 2020 04:45 UTC](https://discourse.nodered.org/t/how-to-alter-svg-elements-in-dashboard/21679/2 "2020-03-15T04:45:36Z")

</div>

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