diff --git a/app/assets/javascripts/discourse/views/static.js.es6 b/app/assets/javascripts/discourse/views/static.js.es6
index 35ce3d6749e..d075558a722 100644
--- a/app/assets/javascripts/discourse/views/static.js.es6
+++ b/app/assets/javascripts/discourse/views/static.js.es6
@@ -4,6 +4,18 @@ import { on } from 'ember-addons/ember-computed-decorators';
 
 export default Ember.View.extend(ScrollTop, {
 
+  @on('didInsertElement')
+  _addBodyClass() {
+    const path = this.get('controller.model.path');
+    $('body').addClass(`static-${path}`);
+  },
+
+  @on('willDestroyElement')
+  _removeBodyClass() {
+    const path = this.get('controller.model.path');
+    $('body').removeClass(`static-${path}`);
+  },
+
   @on('didInsertElement')
   _checkRead() {
     const currentUser = this.get('controller.currentUser');