This ticket collects all identified places where the introduction of the primer DS causes problems within the application. Therefor we start with a sample of two screenshots

# Screenshot #1 Begin of the insertion

End of the insertion Begin of the deletion



End of the deletion <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60167/content">

# Screenshot #2 Begin of the insertion

End of the insertion Begin of the deletion



End of the deletion <figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/60168/content"></div></figure>

# To Do

**Class name conflicts**

* [ ] Dropdowns (e.g. on create WP button) --&gt; _.dropdown_
* [ ] Flashes (mostly rails rendered, see also picture 1) --&gt; _.flash_
* [ ] Menu header in Backlogs overview --&gt; _.menu_

**Other issues taken from the screenshots**

* [ ] (#2) Activity headlines are too big (due to being a h3 which is semantically wrong)
* [ ] (#1) Flash message is broken Begin of the insertion
* [ ] (#2) Link colour is different inside CKEditor than outside
* [ ] (#2 and #1) Some icons that are links grab the link colour (eg. bin in news comments) others the OP main colour (eg. spent time clock)
* [ ] (#2) Some buttons get bold text inside (eg. Show activities with comments)
* [ ] (#2 and #1) Icons in the navigation bar seam to grab different sizes from each other (eg. the &quot;?&quot; icon is much bigger)End of the insertion
* [ ] (#?) ???

# **Out of scope**

**Same name but in upper case**

* [x] ~~.box (Beta viewComponent —&gt; border\_box.css)~~
* [x] ~~.button (Beta viewComponent)~~
* [x] ~~.header (PrimerCSS)~~