# Change layout algorithm to prevent ui groups from stretching across the webpage on wider displays

**URL:** https://discourse.nodered.org/t/change-layout-algorithm-to-prevent-ui-groups-from-stretching-across-the-webpage-on-wider-displays/77483
**Category:** Dashboard
**Created:** [12 April 2023 08:43 UTC](https://discourse.nodered.org/t/change-layout-algorithm-to-prevent-ui-groups-from-stretching-across-the-webpage-on-wider-displays/77483 "2023-04-12T08:43:06Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [12 April 2023 16:46 UTC](https://discourse.nodered.org/t/change-layout-algorithm-to-prevent-ui-groups-from-stretching-across-the-webpage-on-wider-displays/77483/3 "2023-04-12T16:46:29Z")

</div>

There is a way but that puts you on charge to manage it. Takes to know at least something about CSS strategies of layouting

Explore this

> [@A bit different dashboard layout](https://discourse.nodered.org/t/a-bit-different-dashboard-layout/71869):
>
> Sometimes the default layout just doesn't do the trick. And we have been agreed with it as there is not much to do with it. Well, I was forced a bit to think again ... There isn't too much but it may open some possibilities to play with it. [{"id":"4e7e0d90ee7aa1ad","type":"ui\_template","z":"bf0d83d32eec75c2","group":"674712f8d915bcc0","name":"A bit different layout","order":7,"width":0,"height":0,"format":"\<style id='different-layout'\>\n .masonry-container {\n position: relative;\n…

---

_[View the full topic](https://discourse.nodered.org/t/change-layout-algorithm-to-prevent-ui-groups-from-stretching-across-the-webpage-on-wider-displays/77483)._