# Dashboard 2: Bottom Padding in Markdown node?

**URL:** <https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [9 March 2026 09:50 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522 "2026-03-09T09:50:24Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![metawops](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/metawops/32/105800_2.png) [@metawops](https://discourse.nodered.org/u/metawops)\
**Post date:** [9 March 2026 09:50 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/1 "2026-03-09T09:50:25Z")

</div>

In my current project I'm using a Markdown node with just one line of text:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/6/36ee9e4758aab75a77924fe1d44090964f6481b3.png)

And here is how it gets rendered in the Dashboard:

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

How can I eliminate that huge bottom padding in the group?  
I tried several CSS class names AI suggested in the "Class" field but to no avail.

I know that I could use HTML in the Markdown node but I don't want to. It's a _Markdown_ node and I want to stay clean and only use Markdown there.  
I know I could use a template node instead but I really want to know why the Markdown node (I _love_ Markdown!) does this and how to change it.  
I also added a template node of type "CSS (all pages)" to my flow with this content:

```css
.nrdb-ui-markdown p {
    margin-bottom: 0 !important;
}

.nrdb-ui-markdown .v-card-text {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

```

This was also AI suggested – and didn't do the trick.

I also checked in the Browser Developer Tools the Box Model and saw that all the padding and margin values (including bottom) are already 0 – for the inner-most `<p>`, the enclosing `<div>` of class "nrdb-ui-markdown-content" and the next and next `<div>` elements (classes "nrdb-ui-widget" and "nrdb-ui-markdown").

I'm out of ideas for the moment and am sure/hopeful there's an easy solution?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [9 March 2026 10:07 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/2 "2026-03-09T10:07:01Z")

</div>

What does it look like if you put a button of height 1 in the group alongside it?

---

<div class="post-metadata">

**Author:** ![metawops](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/metawops/32/105800_2.png) [@metawops](https://discourse.nodered.org/u/metawops)\
**Post date:** [9 March 2026 10:15 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/3 "2026-03-09T10:15:20Z")

</div>

Hi @Colin and thanks for caring (again)! ❤

With a button it looks like this:

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

So, no difference re the bottom padding, it's the same. (Here it looks good, of course, because we need that space between the Markdown and the button.)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [9 March 2026 10:29 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/4 "2026-03-09T10:29:31Z")

</div>

Alongside it, not below it.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [9 March 2026 10:34 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/5 "2026-03-09T10:34:57Z")

</div>

Is it the space that now is shown below the button that you are complaining about, or the space below the text in the markdown node?

---

<div class="post-metadata">

**Author:** ![metawops](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/metawops/32/105800_2.png) [@metawops](https://discourse.nodered.org/u/metawops)\
**Post date:** [9 March 2026 10:35 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/6 "2026-03-09T10:35:49Z")

</div>

Ah, sorry, my bad!

Here:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/6/16915ff5148d00171b11c45a69a41fcca8e6e592.png)

---

<div class="post-metadata">

**Author:** ![metawops](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/metawops/32/105800_2.png) [@metawops](https://discourse.nodered.org/u/metawops)\
**Post date:** [9 March 2026 10:36 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/7 "2026-03-09T10:36:51Z")

</div>

It's the space below the Markdown text (when there's no button, just the one line Markdown).

---

<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:** [9 March 2026 10:59 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/8 "2026-03-09T10:59:42Z")

</div>

Try changing the Row Height in the dashboard page theme, but it will affect the vertical height of every dashboard widget.

Alternatively, does it make a difference if you put the markdown and moon phases nodes inside the same group?

Incidentally, why a markdown node rather than a text node?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [9 March 2026 11:11 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/9 "2026-03-09T11:11:06Z")

</div>

All widgets on a page have the same row height, so a markdown node of height 1 must be the same size as a button of height 1. The row height is configured in the theme for the page. The default is 48px but you can reduce it in the theme for the page.

---

<div class="post-metadata">

**Author:** ![metawops](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/metawops/32/105800_2.png) [@metawops](https://discourse.nodered.org/u/metawops)\
**Post date:** [22 March 2026 18:26 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/10 "2026-03-22T18:26:52Z")

</div>

Thanks all for participating!

I eventually chose to use a template node. 😉

---

<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:** [22 March 2026 18:42 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/11 "2026-03-22T18:42:40Z")

</div>

Thanks too for your detailed feedback on our suggestions.

---

<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:** [21 April 2026 18:43 UTC](https://discourse.nodered.org/t/dashboard-2-bottom-padding-in-markdown-node/100522/12 "2026-04-21T18:43:14Z")

</div>

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