# Dashboard 2 not handling item sizing or custom labels as expected

**URL:** <https://discourse.nodered.org/t/dashboard-2-not-handling-item-sizing-or-custom-labels-as-expected/87499>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [25 April 2024 20:32 UTC](https://discourse.nodered.org/t/dashboard-2-not-handling-item-sizing-or-custom-labels-as-expected/87499 "2024-04-25T20:32:04Z")\
**Posts on this page:** 1\
**Showing post:** 11

<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:** [3 May 2024 00:07 UTC](https://discourse.nodered.org/t/dashboard-2-not-handling-item-sizing-or-custom-labels-as-expected/87499/11 "2024-05-03T00:07:20Z")

</div>

Just wanted to follow up that I was able to solve my issue with css in regards to [replaced elements](https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element). Added an extra div as a container around the video element. Works as expected in all 3 of the dashboard 2.0 layout configurations. Thanks.  
The relevant css that helped me for the custom element:

```auto
:host {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#container {
    position: relative;
    width: 100%;
    height: 100%;
}
#video {
    position: absolute;
    width: 100%;
    height: 100%;
}

```

The positions relative and absolute seemed to be key for it to work properly.

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-2-not-handling-item-sizing-or-custom-labels-as-expected/87499)._