diff --git a/app/static/css/opaque.css b/app/static/css/opaque.css
index 1e9763515ca32b566cd3137453c6d46cd3b0ec8a..dbb05de9a400d22ca119a19efe5010f2532d4575 100644
--- a/app/static/css/opaque.css
+++ b/app/static/css/opaque.css
@@ -23,13 +23,13 @@ main {
  * case header, main and footer) gets an offset equal to the width of the
  * sidenav.
 */
-header, main, footer {
-  padding-left: 300px;
-}
-
-@media only screen and (max-width : 992px) {
+@media only screen and (min-width : 993px) {
   header, main, footer {
-    padding-left: 0;
+    padding-left: 300px;
+  }
+
+  .navbar-fixed > nav {
+    width: calc(100% - 300px)
   }
 }
 /* ### End sidenav-fixed offset ### */