diff --git a/app/assets/javascripts/discourse/components/menu-panel.js.es6 b/app/assets/javascripts/discourse/components/menu-panel.js.es6
index 604ec69d3..41b40512b 100644
--- a/app/assets/javascripts/discourse/components/menu-panel.js.es6
+++ b/app/assets/javascripts/discourse/components/menu-panel.js.es6
@@ -43,7 +43,6 @@ export default Ember.Component.extend({
       $panelBody.height(contentHeight);
       $('body').addClass('drop-down-visible');
     } else {
-
       const menuTop = headerHeight();
 
       let height;
@@ -127,7 +126,7 @@ export default Ember.Component.extend({
   _watchSizeChanges() {
     if (mutationSupport) {
       this._observer.disconnect();
-      this._observer.observe(this.element, { childList: true, subtree: true });
+      this._observer.observe(this.element, { childList: true, subtree: true, attributes: true });
     } else {
       clearInterval(this._resizeInterval);
       this._resizeInterval = setInterval(() => {
diff --git a/app/assets/javascripts/discourse/components/user-menu.js.es6 b/app/assets/javascripts/discourse/components/user-menu.js.es6
index b1c14d2d7..506fc98d7 100644
--- a/app/assets/javascripts/discourse/components/user-menu.js.es6
+++ b/app/assets/javascripts/discourse/components/user-menu.js.es6
@@ -45,7 +45,7 @@ export default Ember.Component.extend({
     if (this.get('loadingNotifications')) { return; }
 
     // estimate (poorly) the amount of notifications to return
-    var limit = Math.round(($(window).height() - headerHeight()) / 50);
+    var limit = Math.round(($(window).height() - headerHeight()) / 55);
     // we REALLY don't want to be asking for negative counts of notifications
     // less than 5 is also not that useful
     if (limit < 5) { limit = 5; }