# Feature DREAM-10 - Adopt GitHub's centered page design (reduced max-width) for some pages
Project: Stream Design System
Status: in specification
URL: https://community.openproject.org/work_packages/DREAM-10
## Planning
| Attribute | Value |
| --- | --- |
| Date | |
| Priority | Medium |
| Target versions | Wish List |
| Sprint | |
| Backlog bucket | |
| Votes | |
| List | |
| Roadmap | |
| Relevance | |
## OPEN POINTS / FEEDBACK
_No work packages_
## Features and Chunks
_No work packages_
## Bugs and other work packages
_No work packages_
## Technical Details
| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system |
| Feature Flag | |
| Requires doc change | No |
| Enterprise plan | |
## Details
| Attribute | Value |
| --- | --- |
| Pull preview | |
| Mockups | |
| Accessibility | No |
## People
| Attribute | Value |
| --- | --- |
| Assignee | Parimal Satyal |
| Accountable | |
| Product manager | |
| Developers | |
| Designer | Parimal Satyal |
| Ordered by | |
| Signed off by | |
| Interest by | |
## Estimates and progress
| Attribute | Value |
| --- | --- |
| PD (min) | |
| PD (max) | |
| Work | |
| Labor costs | |
## Description
###
### **Acceptance criteria**
For the identified pages (to be done),
* Define a horizontal width limit for the main content area
* _\[open\] A singular max-width (1216px like GitHub?) or multiple breakpoints based on available space?_
* The right pane is contained in this centered content area
* The sidebar remains on the far left edge
* The top navigation bar remains 100% width
* The max-width limit should only apply to certain pages or types of pages:
* _\[open\] Which ones?_
### **Visuals**
**Meetings module in a very wide screen with max-width in place:**
### Context
Some components in OpenProject (such as BoxTables) fill up all available width. In very large monitors, this is very wide. Things that are too wide affect legibility, since the eye cannot effectively scan.
Some pages benefit from having a max-width to the main content area. Blocks of texts can become illegible (or at least very difficult to read) without columns to better guide the eye.
GitHub have a center-aligned main content area in some pages, with a max-width of 1216 px.
**A repository home, for example:**
**Or a pull request:**
Not all pages have this max-width limit
**Actions are full-width:**
**As are notifications:**
