diff --git a/app/assets/javascripts/discourse/components/menu-panel.js.es6 b/app/assets/javascripts/discourse/components/menu-panel.js.es6
index 962967f82..cc92a49dd 100644
--- a/app/assets/javascripts/discourse/components/menu-panel.js.es6
+++ b/app/assets/javascripts/discourse/components/menu-panel.js.es6
@@ -7,7 +7,7 @@ export default Ember.Component.extend({
 
   showClose: Ember.computed.equal('viewMode', 'slide-in'),
 
-  @computed('viewMode')
+  @computed('viewMode', 'visible')
   style(viewMode) {
     if (viewMode === 'drop-down') {
       const $buttonPanel = $('header ul.icons');
@@ -26,7 +26,7 @@ export default Ember.Component.extend({
     }
   },
 
-  @computed('viewMode')
+  @computed('viewMode', 'visible')
   bodyStyle(viewMode) {
     if (viewMode === 'drop-down') {
       const height = parseInt($(window).height() * 0.8)