Getting Notifications to load the Popbox Properly Right Away

When clicking the notifications icon, it initially loads as:



After it's finished loading it appears properly (centered and seamless):



What I'm wanting is for it to initially load the popbox in the proper location. Currently I'm using a little bit of CSS from my template to load the popbox into the proper location:

.popbox.es.popbox-notifications.bottom-right {

    border-radius: 0 0 6px 6px !important;

    margin-left: -3px;

    margin-top: -2px;

}

The bad news is that it only puts it into the proper spot after the popbox loads the content. I even tried manipulating the loading class (using a simple .loading {} selector) with no success. I'm assuming the issue is that even with the negative margins that attempt to bump it in the right spot, the JavaScript recalculates the object position putting it back to where it would normally be. I know this isn't a big deal, but it would be ideal to make it feel seamless to the user.