# Custom ui node containing SVG image not sizing correctly on dashboard

**URL:** <https://discourse.nodered.org/t/custom-ui-node-containing-svg-image-not-sizing-correctly-on-dashboard/88152>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [21 May 2024 14:52 UTC](https://discourse.nodered.org/t/custom-ui-node-containing-svg-image-not-sizing-correctly-on-dashboard/88152 "2024-05-21T14:52:57Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![kevinGodell](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kevingodell/32/27040_2.png) [@kevinGodell](https://discourse.nodered.org/u/kevinGodell)\
**Post date:** [21 May 2024 21:33 UTC](https://discourse.nodered.org/t/custom-ui-node-containing-svg-image-not-sizing-correctly-on-dashboard/88152/5 "2024-05-21T21:33:53Z")

</div>

> [@Colin](#):
>
> ```auto
> <div id="nrdb-ui-widget-a840394519d151e1" class="nrdb-ui-widget nrdb-ui-test-node" 
> style="display: grid; grid-template-rows: repeat(4, minmax(45px, auto)); 
> grid-row-end: span 4; grid-column-end: span 4;">
> 
> ```

I ran into this [similar issue](https://discourse.nodered.org/t/dashboard-2-not-handling-item-sizing-or-custom-labels-as-expected/87499/11) a little while ago when trying to fit a scalable video player into dashboard 2. As a test, try removing the `auto` (via the browser debug tools) and you will see the space seems normal. I was able to get around this with a little css that I accidentally stumbled across. Also, I had to add an extra container div. Atleast now, I have a custom element that seems to look correct on dashboard 1 and 2. I tried working with your node, but couldn't figure how to update all of that vue stuff to get the stylesheet to do anything, sorry.

---

_[View the full topic](https://discourse.nodered.org/t/custom-ui-node-containing-svg-image-not-sizing-correctly-on-dashboard/88152)._