# Dashboard, group name - margin

**URL:** <https://discourse.nodered.org/t/dashboard-group-name-margin/31970>\
**Category:** Dashboard\
**Created:** [25 August 2020 07:07 UTC](https://discourse.nodered.org/t/dashboard-group-name-margin/31970 "2020-08-25T07:07:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hklages](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hklages/32/23899_2.png) [@hklages](https://discourse.nodered.org/u/hklages)\
**Post date:** [25 August 2020 07:07 UTC](https://discourse.nodered.org/t/dashboard-group-name-margin/31970/1 "2020-08-25T07:07:11Z")

</div>

Hi. Is there and "trick" to reduce the vertical margin between the group header and the body?  
Looking at the following example (Temparaturen / Schalter / Sonos ) I would like to have only 50% or 66%.

 ![Screenshot_20200825-090048_Edge](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e5e91759f96d3fba62419cbf47c6cebb3cc1ddca.jpeg)

---

<div class="post-metadata">

**Author:** ![ArneR](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/arner/32/95658_2.png) [@ArneR](https://discourse.nodered.org/u/ArneR)\
**Post date:** [25 August 2020 07:10 UTC](https://discourse.nodered.org/t/dashboard-group-name-margin/31970/2 "2020-08-25T07:10:05Z")

</div>

Hey!

I think this can help you:

> [@Reducing the gap between text nodes](https://discourse.nodered.org/t/reducing-the-gap-between-text-nodes/937/5):
>
> Ah Ha! I figured it out. You have to set the CSS 'position' of the nr-dashboard-text in the group to 'static'. Here is an example with two tabs showing the css that will only effect one of the tabs: [{"id":"bcc301e2.996758","type":"ui\_text","z":"4cd4f4f3.7effcc","group":"f03bcc4.355aa3","order":1,"width":"7","height":"1","name":"","label":"Alarm Status","format":"{{msg.payload}}","layout":"row-spread","x":390,"y":140,"wires":[]},{"id":"89ecd5f7.6159b8","type":"ui\_text","z":"4cd4f4f3.7effcc","gr…

Arne

---

<div class="post-metadata">

**Author:** ![hklages](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hklages/32/23899_2.png) [@hklages](https://discourse.nodered.org/u/hklages)\
**Post date:** [25 August 2020 08:43 UTC](https://discourse.nodered.org/t/dashboard-group-name-margin/31970/3 "2020-08-25T08:43:55Z")

</div>

Thanks - that was very helpful to understand the "logic". The solution is a template node, added to side with this data:

```auto
<style>
.nr-dashboard-cardpanel > p {
    margin-bottom: -5px;
}
</style>

```

 ![Screenshot_20200825-104547_Edge](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/c/cc17a55a8de77a019df5938a9a8520d48d00bb38.jpeg)

---

<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:** [8 September 2020 08:44 UTC](https://discourse.nodered.org/t/dashboard-group-name-margin/31970/4 "2020-09-08T08:44:06Z")

</div>

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