**As** an agile user
**I want to** have the sprints on the Begin of the insertion"backlog and sprints"End of the insertion Begin of the deletion "sprint planning"End of the deletion page styled clearly and pleasingly
**so that** they are easy to work with. 

**Acceptance criteria**

* The sprints are restyled. See Figma. Begin of the insertionSprint container header shows:

<img class="image_resized op-uc-image op-uc-image_inline" style="width:524px;" src="/api/v3/attachments/920684/content">

* sprint name

* number of wp within the sprint

* sprint status

* total number of story points within the sprint

* start and end date

* context menu

* &quot;Start sprint&quot; button (not just &quot;start&quot;)

* icon for the button: [https://primer.style/octicons/icon/rocket-16/](https://primer.style/octicons/icon/rocket-16/)

* For active sprints there is &quot;Complete sprint&quot; button (not just &quot;complete&quot;)

* flag icon for the button \[open\] no flag icon within the primer. Can we use any other library or a custom icon similar to this one?
 <img class="image_resized op-uc-image op-uc-image_inline" style="width:35px;" src="/api/v3/attachments/920685/content">

* There is no edit / pencil button. Users can edit the sprint only via the context menu.

End of the insertion Begin of the deletion

End of the deletion * The Start and finish button is moved to the proper position. Remove the makeshift Start/Finish Sprint action item implemented in <mention class="mention" data-id="72942" data-type="work_package" data-text="##72942">##72942</mention>


**Out of scope**

* Restyling of the work package card. Done in <mention class="mention" data-id="73089" data-type="work_package" data-text="###73089">###73089</mention>


<br>

<br>

<br>