### Steps to reproduce

1. Login as a user with permissions to delete WPs

2. Go to the Wps page

3. Select a some of the Wps to be deleted

4. bulk delete them


### What is the buggy behavior?

* Wps list is misaligned


### What is the expected behavior?

* Begin of the insertionAlignEnd of the insertion Begin of the deletion We should useEnd of the deletion the Begin of the insertionWPEnd of the insertion Begin of the deletion Primer DangerWarning component, with theEnd of the deletion list Begin of the insertionitems


End of the insertion Begin of the deletion of work packages in an [insetBox](https://qa.openproject-edge.com/lookbook/pages/components/inset_box).

* Use the same pattern as for bulk delete projects, except with a DangerWarning (no checkbox confirmation): <mention class="mention" data-id="64885" data-type="work_package" data-text="##64885">##64885</mention>

* DangerWarning Dialog:

* Title: &quot;Permanently delete these work packages?&quot;

* Text: &quot;Are you sure you want to delete the following work packages?&quot;

* Body: List of work packages in an [insetBox](https://qa.openproject-edge.com/lookbook/pages/components/inset_box); use [Work Package Info Line](https://qa.openproject-edge.com/lookbook/pages/components/work_package_info_line) for listing work packages, but without the status

* Buttons:

* Cancel

* Delete permanently (danger)


End of the deletion ### Screenshots and other files

**Current:**

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

Begin of the insertion<br>End of the insertion Begin of the deletion **Expected:**

<img class="image_resized op-uc-image op-uc-image_inline" style="width:667px;" src="/api/v3/attachments/781427/content">End of the deletion