AUI header style crops dropdown avatars

Description

Issue with style nesting. A dropdown in AUI header has the AUI avatar cropped due to leaking header styles.

Environment

None

QA Kickoff Check-In

Usage described in documentation
Demonstration of all states
Interactive state (screen readers)
Visual regression tests
Unit tests
Navigation (only keyboard / only mouse)
Component render legibly

QA Demo Check-Out

P2 plugin
Browsers (Edge/IE11/Firefox/Chrome/Safari)
Resizing
Zoom in/out
Navigation (Keyboard/Mouse)
Focus
Element status (At Rest/Pressed/Selected/Read Only/Disabled)
Cursors
Tooltips
Audio

Activity

Show:
Halp
March 30, 2021, 3:25 AM

[On behalf of @Matt] Bitbucket Server bug ticket for this issue: https://bulldog.internal.atlassian.com/browse/BBSDEV-23939

Halp
March 30, 2021, 3:25 AM

[On behalf of @Matt] Uploaded file(s): https://files.slack.com/files-pri/TE8HJA7RS-F01SK74JTF0/avatar_cropped_in_header.mp4 Issue Attachment: eeouf1kmvgjjzz-Avatar cropped in header.mp4

Fixed

Assignee

Gerardo Leal

Reporter

Halp