# Changing Padding in "group" on Dashboard

**URL:** <https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701>\
**Category:** Dashboard\
**Created:** [17 August 2025 05:38 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701 "2025-08-17T05:38:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ukarakaya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukarakaya/32/102752_2.png) [@ukarakaya](https://discourse.nodered.org/u/ukarakaya)\
**Post date:** [17 August 2025 05:38 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701/1 "2025-08-17T05:38:26Z")

</div>

In “group”, padding is not configurable by settings, but i tried to change it by UI-template (CSS- All pages). However, despite I tried several changes as below, I couldn’t change it. Any suggestions?

I tried below but not worked:

.nr-dashboard-group {padding: 0px !important;}

.nrdb-ui-group-body { padding: 0 !important; }

In below image, red line is image container and there gap between group container which is grey line.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/c/4c15325536c5fed081940810da1bbfe0e31953ed.png)

reference guideline is [Layouts | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/layouts/)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [17 August 2025 07:24 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701/2 "2025-08-17T07:24:51Z")

</div>

Have you tried editing your dashboard theme(s) [Layouts | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/layouts/#theme-options)

---

<div class="post-metadata">

**Author:** ![ukarakaya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukarakaya/32/102752_2.png) [@ukarakaya](https://discourse.nodered.org/u/ukarakaya)\
**Post date:** [17 August 2025 09:31 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701/3 "2025-08-17T09:31:52Z")

</div>

I tried but gap inside the group is not confifurable.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/d/0d4b2ab2bd823b2a45f9eccd3e39c6da9e0d8a71.png)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [17 August 2025 10:33 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701/4 "2025-08-17T10:33:25Z")

</div>

Surprisingly, the class which defines this seems to be `v-card-text`.

Try something like

```auto
.v-card-text {
    border: 1px solid blue; /* only to verify it's been applied */
    padding: 0;
}

```

If you find this has side effects elsewhere, you could apply a custom class `nopadding` to the group[s] you need to style.

```auto
.nopadding .v-card-text {
    padding: 0; /* or 0.1rem, etc. Default is 1rem;*/
}

```

---

<div class="post-metadata">

**Author:** ![ukarakaya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukarakaya/32/102752_2.png) [@ukarakaya](https://discourse.nodered.org/u/ukarakaya)\
**Post date:** [17 August 2025 19:39 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701/5 "2025-08-17T19:39:20Z")

</div>

> .v-card-text {  
> border: 1px solid blue; /\* only to verify it's been applied \*/  
> padding: 0;  
> }

Above code worked! Only side effect is that ui-chart borders are also without any gap to group borders. So, I set padding as 2px, which is subitable to for fair padding. thank you very much for the support. Below image is with zero padding.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/2/b27fa0f5b085558e26e473e1d8c4573d2e2abf67.png)

---

<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:** [31 August 2025 19:40 UTC](https://discourse.nodered.org/t/changing-padding-in-group-on-dashboard/98701/6 "2025-08-31T19:40:14Z")

</div>

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