### **Environment**:

Your OpenProject Version: Edge, Cloud

Operating System / Browser / OpenProject language: Windows / Firefox / English (on Laptop screen)

### **Logs**

\-

### **Steps to reproduce:**

1. Go to /work\_package\_tracking Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion 2. Change the width of your browser window Begin of the insertion


End of the insertion Begin of the deletion

End of the deletion ### **Actual Behavior**

Wide screen (full screen)

<figure class="image Begin of the insertionimage_resizedEnd of the insertion op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/20508/content"></div></figure>

Narrow screen (around 60% of my screen)

<figure class="image Begin of the insertionimage_resizedEnd of the insertion op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/20509/content"></div></figure>

Slightly broader window (now there are even more line-breaks):

<figure class="image Begin of the insertionimage_resizedEnd of the insertion op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/20510/content"></div></figure>

### **Expected Behavior**

Begin of the insertion* End of the insertion The Begin of the insertionformEnd of the insertion Begin of the deletion screenEnd of the deletion is Begin of the insertionprimerized, meaning that

* The form is checked withEnd of the insertion Begin of the deletion used (e.g. not too much white space onEnd of the deletion the Begin of the insertionproduct team

* Primer form elements are used

* On shrinkingEnd of the insertion Begin of the deletion right if not necessary, especially on a smaller / more narrowEnd of the deletion screen Begin of the insertionwidths, we follow Primers way of dealing with thatEnd of the insertion Begin of the deletion (see example 3 above)End of the deletion