### Steps to reproduce

1. Go to a project overview with milestones with long names (like this one [https://qa.openproject-edge.com/projects/ACSMT](https://qa.openproject-edge.com/projects/ACSMT) )

2. Hover the milestone gems that are on the side of the timeline


### What is the buggy behaviour?

* Tooltip is partially off screen

* Begin of the insertion~~UserEnd of the insertion Begin of the deletion UserEnd of the deletion cannot click on the Begin of the insertiontooltip~~End of the insertion Begin of the deletion tooltipEnd of the deletion


### What is the expected behaviour?

1. Tooltip is fully visible

2. Begin of the insertion~~TooltipEnd of the insertion Begin of the deletion TooltipEnd of the deletion is Begin of the insertionclickable~~End of the insertion Begin of the deletion clickableEnd of the deletion


###

### Screenshots and other files

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/923143/content">

Milestone from the same date but with shorter name
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/923144/content">

### Environment information

**OpenProject version**

Core build

[dadb6c2a4ccb0444ab600f86752d5a2643b00389](https://qa.openproject-edge.com/external_redirect?url=https%3A%2F%2Fgithub.com%2Fopf%2Fopenproject%2Fcommit%2Fdadb6c2a4ccb0444ab600f86752d5a2643b00389)

Product version

[b2f51fe3a6c02a33278941b4889ba32e4dfc0691](https://qa.openproject-edge.com/external_redirect?url=https%3A%2F%2Fgithub.com%2Fopf%2Fsaas-openproject%2Fcommit%2Fb2f51fe3a6c02a33278941b4889ba32e4dfc0691)

Core version

OpenProject 17.8.0

**Browser**

* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)

**Operating System**

* [x] Windows
* [ ] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)