# Re-order the groups list

**URL:** https://meta.discourse.org/t/re-order-the-groups-list/380992
**Category:** UX
**Tags:** groups
**Created:** [August 30, 2025, 3:25pm UTC](https://meta.discourse.org/t/re-order-the-groups-list/380992 "2025-08-30T15:25:59Z")
**Posts on this page:** 1
**Showing post:** 15

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [August 22, 2026, 7:14pm UTC](https://meta.discourse.org/t/re-order-the-groups-list/380992/15 "2026-08-22T19:14:50Z")

</div>

I found it is possible to arrange elements on containers with CSS `display: flex` or `display: grid`.

In Horizon it is by design and as default, so it is worth checking the active theme to adapt it if necessary:

```css
.group-box[data-group-name="group1"] {
order: -3;
}
.group-box[data-group-name="group2"] {
order: -2;
}
.group-box[data-group-name="group3"] {
order: -1;
}

```

The _hacky_ alternative was renaming the groups internal names to ``1\_group``, ``2\_group``, ``3\_group`` but it was straining my eyes 🥲, so I found this solution by exploring TCs and through trial and error.

I hope it helps.

---

_[View the full topic](https://meta.discourse.org/t/re-order-the-groups-list/380992)._