Begin of the insertionThis 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



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

# Screenshot #2



<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**

End of the insertion * [ ] Begin of the insertionDropdowns (e.g. on create WP button) --&gt; _.dropdown_End of the insertion Begin of the deletion .dropdown (Alpha viewComponent)End of the deletion
* [ ] Begin of the insertionFlashes (mostly rails rendered, see also picture 1) --&gt; _.flash_End of the insertion Begin of the deletion .menu (Alpha viewComponent)End of the deletion
* [ ] Begin of the insertionMenu 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)End of the insertion Begin of the deletion .avatar (Beta viewComponent)End of the deletion
* [ ] Begin of the insertion(#1) Flash message is brokenEnd of the insertion Begin of the deletion .flash (Beta viewComponent)End of the deletion
* [ ] Begin of the insertion(#?) ???End of the insertion Begin of the deletion base.scss (Primer CSS)End of the deletion

Begin of the insertion#End of the insertion **Out of Begin of the insertionscope**

**SameEnd of the insertion Begin of the deletion scope - SameEnd of the deletion name but in upper case**

* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion ~~.box (Beta viewComponent —&gt; border\_box.css)~~
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion ~~.button (Beta viewComponent)~~
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion ~~.header (PrimerCSS)~~