### Steps to reproduce

1. Add some projects with a long name with the same prefix (e.g. "This is a long project name 1", "This is a long project name 2")
2. Open the work package overview
3. Add the project column
4. Try to change the project of a work package by clicking in the project column
5. The pop-up opens and shows the existing projects

### What is the buggy behavior?

* It is impossible to distinguish between both projects in the pop-up, because it's width is too small. "1" and "2" at the end of the name are not visible.

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/34630/content"></div></figure>

### What is the expected behavior?

1. It should be possible for the user to distinguish projects with long names that only differ at the end. Begin of the insertion
1. MakeEnd of the insertion Begin of the deletion

This seems to be a general issue and not limited toEnd of the deletion the project Begin of the insertiondropdown wider than the actual inputEnd of the insertion Begin of the deletion column.End of the deletion

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

End of the insertion ### **Logs**

### Screenshots and other files

### Environment information

_Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs_

**OpenProject installation type**

* [ ] Hosted cloud edition
* [x] Packaged installation
* Ubuntu Server 20.04
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [ ] Other (please specify)

**OpenProject version**

12.1.5

**Browser**

* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)

**Language**

English / English