# Dashboard 2.0 - UI Button Group - Border

**URL:** <https://discourse.nodered.org/t/dashboard-2-0-ui-button-group-border/94805>\
**Category:** Dashboard\
**Created:** [21 January 2025 22:39 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-button-group-border/94805 "2025-01-21T22:39:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mbreitner](https://avatars.discourse-cdn.com/v4/letter/m/fbc32d/32.png) [@mbreitner](https://discourse.nodered.org/u/mbreitner)\
**Post date:** [21 January 2025 22:39 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-button-group-border/94805/1 "2025-01-21T22:39:01Z")

</div>

Hi, does anybody know how it's possible to change a ui-button group border color?

As you can see that in the picture the border color is from the theme but i need the rounded borders for these buttons in white?

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

Thanks in advance for your support,

BR

---

<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:** [21 January 2025 23:07 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-button-group-border/94805/2 "2025-01-21T23:07:13Z")

</div>

Using the browser developer tools, one can see that the button group has class `v-btn-grp`

In this example, since my theme is already light, I applied a red border.

Specify a class `rededge` in the button group config.  
Use a template on the same page, type `CSS, Single Page` to style the button group:

```auto
.rededge .v-btn-group{
        border: 2px solid red;
}

```

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/7/970853b2243cafb808e2dcdd0647d9c8c41f19c8.png)

You don't have to connect any wires to the template node with the CSS.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [22 January 2025 06:33 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-button-group-border/94805/3 "2025-01-22T06:33:42Z")

</div>

also check here..

> [@Button-Group -Dark Theme -Separator Lines](https://discourse.nodered.org/t/button-group-dark-theme-separator-lines/94603):
>
> [image] [image] [image] Button Group in dark theme, the separator lines are almost invisible. which CSS selector will change it to say white lines ? i am currently making group background slightly grey so that i can see the lines, i want to make the group background completely black like the last pic.

---

<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 February 2025 07:33 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-button-group-border/94805/5 "2025-02-21T07:33:08Z")

</div>

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