diff --git a/css/style.css b/css/style.css
index 3692870f4..6993399d2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -93,11 +93,12 @@ a[href="javascript:;"] {
 }
 
 /* Header */
-.fourchan-x body {
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
+:root.top-header body {
   margin-top: 2em;
 }
+:root.bottom-header body {
+  margin-bottom: 2em;
+}
 .fourchan-x #boardNavDesktop,
 .fourchan-x #navtopright,
 .fourchan-x #boardNavDesktopFoot {
@@ -256,6 +257,10 @@ a[href="javascript:;"] {
 }
 
 /* Settings */
+:root.fourchan-x body {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
 #overlay {
   background-color: rgba(0, 0, 0, .5);
   display: -webkit-flex;
diff --git a/src/features.coffee b/src/features.coffee
index fb332c691..3fc1044c0 100644
--- a/src/features.coffee
+++ b/src/features.coffee
@@ -146,6 +146,12 @@ Header =
 
   setBarPosition: (bottom) ->
     $.event 'CloseMenu'
+    if bottom
+      $.addClass doc, 'bottom-header'
+      $.rmClass  doc, 'top-header'
+    else
+      $.addClass doc, 'top-header'
+      $.rmClass  doc, 'bottom-header'
     Header.positionToggler.firstElementChild.checked = bottom
     Header.bar.parentNode.className = if bottom
       'bottom'