# Feature DREAM-552 - Primerize Admin > System Settings forms

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-552

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.0.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| DREAM-564 | Bug | Application title input field is unnecessary long | closed |  | 17.0.0 |  | Administration, Frontend components and Primer design system |
| DREAM-565 | Bug | Days label is cut off | on hold | Alexander Coles | Product Backlog |  | Administration, Frontend components and Primer design system |
| DREAM-566 | Bug | API key input field is not left-aligned | rejected |  |  |  | Administration, Frontend components and Primer design system |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system, Administration |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | Yes |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable | Alexander Coles |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**As** an administrator of OpenProject  
**I want to** have a clear and modern User Interface.  
**so that** I can administer my OP instance with confidence and ease.

**Acceptance criteria**

  - No change in functionality.

  - Refresh the design of the following pages according the Primer Design System:
    
      - Administration \> System settings \> General
    
      - Administration \> System settings \> Languages
    
      - Administration \> System settings \> Repositories
    
      - Administration \> System settings \> Experimental

  - Accessibility improvements (as a benefit of using Primer Forms):
    
      - Form fields should be labelled correctly.
    
      - Form captions, numeric units should be associated with Form field via `aria-describedby`

**Technical notes**

  - There is no visual specification (Figma). This is a "best effort" following Primer guidelines.

**Out of scope**

<br>

### Hints for QA

The [Hints for QA for <mention class="mention" data-id="68734" data-type="work_package" data-text="#68734">\#68734</mention>](https://community.openproject.org/projects/openproject/work_packages/68734/activity#hints-for-qa) may be helpful, particular with regards to testing interactive behaviour.