Make profile menu consistent with context menu

[theRealPadster]

For some reason the styling of the profile dropdown menu is different than the right-click menu.

It looks like it dynamically fills a #profile-menu-container div when you click the button, and I can't seem to inspect the DOM while it's filled, because it empties when you click off the window. 🤔

Profile menu:

Context menu:

[theRealPadster]

I managed to log the DOM for the menu with delayed JS...

setTimeout(function(){
    console.log(document.getElementById('PopoverMenu-container').outerHTML)
}, 5000);`

<div id="PopoverMenu-container">
  <div class="PopoverMenu" data-ta-id="popover-menu">
    <div class="PopoverMenu__backdrop" aria-hidden="true"></div>
    <div class="PopoverMenu__arrow PopoverMenu__arrow--up"
      style="--arrow-size:10px; --arrow-offset-x:978px; --arrow-offset-y:34px;"></div>
    <div class="PopoverMenu__menu-wrapper" style="top: 43px; left: auto; right: 314px;">
      <div class="Menu">
        <div class="Menu__root-items" data-menu="profile-menu" role="menu" tabindex="-1"
          aria-labelledby="Menu__title-id">
          <button class="MenuItem" data-menu-item="private-session"
            role="menuitemradio" data-submenu="false" tabindex="-1" data-ta-id="" aria-checked="false">Private
            Session
          </button>
          <button class="MenuItem" data-menu-item="account" role="menuitem" data-submenu="false"
            tabindex="-1" data-ta-id="">
            Account
          </button>
          <button class="MenuItem" data-menu-item="settings"
            role="menuitem" data-submenu="false" tabindex="-1" data-ta-id="">
            Settings
          </button>
          <button class="MenuItem"
            data-menu-item="log-out" role="menuitem" data-submenu="false" tabindex="-1" data-ta-id="">
            Log Out
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

So it's totally different from the context menu.