diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss
index 3d3d329561..9aa97f6ac4 100644
--- a/app/assets/stylesheets/framework/header.scss
+++ b/app/assets/stylesheets/framework/header.scss
@@ -141,7 +141,7 @@ header {
   margin-left: $sidebar_collapsed_width;
 }
 
-@media (max-width: $screen-sm) {
+@media (max-width: $screen-sm-min) {
   .header-collapsed {
     margin-left: $sidebar_collapsed_width;
   }
@@ -151,7 +151,7 @@ header {
   }
 }
 
-@media(min-width: $screen-sm) {
+@media(min-width: $screen-sm-min) {
   .header-collapsed {
     @include collapsed-header;
   }