### **Environment**:

OpenProject Community

Mac / Chrome / English:

### **Steps to reproduce:**

1. Go to any work package
2. Open one tab after the next
3. Check the distances between tab handle and first element

### **Actual Behavior**

The distances between the tab handel and the first elements are different for almost every tab.

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

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

### **Expected Behavior**

Begin of the insertion* End of the insertion The distance between the tab handle and the first element in the tab should look &quot;equal&quot; (which can mean different things depending on the tab) on all tabs. Begin of the insertion
* That includes
* Overview
* Activity
* The &quot;mark notification as read&quot; button would break that heavily, so this button will be moved to the toolbar (full view) respectively the bottom bar (split view)
* Files
* Relations
* Watchers
* GithubEnd of the insertion

### Visuals:

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

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

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

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

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