# Different heights

**URL:** <https://discourse.nodered.org/t/different-heights/99127>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [21 September 2025 19:06 UTC](https://discourse.nodered.org/t/different-heights/99127 "2025-09-21T19:06:16Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manuwa](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Manuwa](https://discourse.nodered.org/u/Manuwa)\
**Post date:** [21 September 2025 19:06 UTC](https://discourse.nodered.org/t/different-heights/99127/1 "2025-09-21T19:06:16Z")

</div>

Hello,  
When I set the size to automatic, everything fits.

 ![Screenshot 2025-09-21 204402](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/0/30f8679f80454f3051161da22f52f86bac1455be.png)

But when I set the size myself, the fields have the same width but are taller, and they no longer fit.

 ![Screenshot 2025-09-21 204501](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/1/2136945f67780025f7d0eb1f77ba2aab45a78fc6.png)

Everything fits where I use automatic size. Where I don't use the full width and set it manually, it doesn't fit. Is that intentional?

 ![Screenshot 2025-09-21 210237](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/3/a3589de1517b9468612fc5fe7162607e17bc5297.png)

Thank you very much

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [22 September 2025 08:19 UTC](https://discourse.nodered.org/t/different-heights/99127/2 "2025-09-22T08:19:30Z")

</div>

Hi @Manuwa - which layout type are you using here? Grid or Fixed?

---

<div class="post-metadata">

**Author:** ![Manuwa](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Manuwa](https://discourse.nodered.org/u/Manuwa)\
**Post date:** [22 September 2025 19:33 UTC](https://discourse.nodered.org/t/different-heights/99127/3 "2025-09-22T19:33:46Z")

</div>

Hi @joepavitt  
I use Grid.

Edit: I just tried “fixed.” But same behavior.

---

<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:** [22 September 2025 19:51 UTC](https://discourse.nodered.org/t/different-heights/99127/4 "2025-09-22T19:51:50Z")

</div>

Are you using the latest version of the dashboard? It is currently at 1.27.2

Have you got any CSS overrides in your system (probably via ui-templates). If so then try disabling them all to see if that changes the symptom.

Can you post a very short example that we can try, just a few widget, that shows the problem? Possibly just four of the dropdowns from your dashboard.

---

<div class="post-metadata">

**Author:** ![Manuwa](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Manuwa](https://discourse.nodered.org/u/Manuwa)\
**Post date:** [22 September 2025 20:59 UTC](https://discourse.nodered.org/t/different-heights/99127/5 "2025-09-22T20:59:59Z")

</div>

Hello @Colin  
I am using version 1.27.2.  
I am not using any CSS overrides.

I created a small test flow on another computer to see if the same thing happens there. And it does. However, it only affects the “Text Input” node in “text input (single line)” mode. It works in Color Picker mode. It also happens with the “ui-dropdown” node.

Attached is the test flow.  
[flows.json](https://discourse.nodered.org/uploads/short-url/gpf8XiRFORrE7QCpgCUCAe3Q4Ay.json) (14.5 KB)

As soon as you set the size to Auto for all nodes, everything works. If you set a specific value, it doesn't work.

Thank you very much

---

<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:** [23 September 2025 03:12 UTC](https://discourse.nodered.org/t/different-heights/99127/6 "2025-09-23T03:12:32Z")

</div>

You do seem to have spotted a bug in the way row heights are specified in a page template.

In my pics below, the purple outline is Firefox developer tools outlining a Flex container `div class=v-input__control`, the blue highlight is the widget div it sits within.

I see that in your template, the row height is set to Comfortable (38px).

When the 'Text' field has Size `Auto`, the field has a height of 48px, **ignoring the template row height**.

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

If you set the field size to `6x1`, the row does get the template height of 38px but within it, the div **`div class = v-input__control` still has a height of 48px** , resulting in the widget encroaching onto the row below.

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

And when the text input widget is **in color picker mode, it does respect the template row height** whether it's size is `6x1` or `auto`.

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

Unfortunately I can't track down precisely where in the code it fails to use the template settings.

ps A work-around provided that you have sufficient screen space might be to set the template row height to 48px.

pps Nice looking dashboard by the way 😀

---

<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:** [23 September 2025 07:46 UTC](https://discourse.nodered.org/t/different-heights/99127/7 "2025-09-23T07:46:09Z")

</div>

@Manuwa please submit an issue the [dashboard bug tracker](https://github.com/FlowFuse/node-red-dashboard/issues) so that the developers can take a look.

Include your test flow and description and link back to this thread.

---

<div class="post-metadata">

**Author:** ![Manuwa](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Manuwa](https://discourse.nodered.org/u/Manuwa)\
**Post date:** [23 September 2025 13:10 UTC](https://discourse.nodered.org/t/different-heights/99127/8 "2025-09-23T13:10:25Z")

</div>

Hi @jbudd  
Thank you very much for your clear explanation. Unfortunately, the display size does not allow me to switch to 48px.  
I hope the problem can be solved. In the meantime, I'll just have to live with it. 😎

> [@jbudd](#):
>
> pps Nice looking dashboard by the way 😀

Thanks a lot my friend 😊

---

<div class="post-metadata">

**Author:** ![Manuwa](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Manuwa](https://discourse.nodered.org/u/Manuwa)\
**Post date:** [23 September 2025 13:13 UTC](https://discourse.nodered.org/t/different-heights/99127/9 "2025-09-23T13:13:01Z")

</div>

@Colin It's done. Thanks

---

<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:** [23 October 2025 13:13 UTC](https://discourse.nodered.org/t/different-heights/99127/10 "2025-10-23T13:13:10Z")

</div>

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