diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss
index 7897e544af5a142832eddbf81627dd240c19788c..7ccd25bc1baf149b6d21dae0811b917031d394ba 100644
--- a/app/assets/stylesheets/framework/header.scss
+++ b/app/assets/stylesheets/framework/header.scss
@@ -132,7 +132,7 @@ header {
       transition-duration: .3s;
       z-index: 999;
 
-      @media (max-width: $screen-sm-min) {
+      @media (max-width: $screen-xs-max) {
         right: 25px;
         left: auto;
       }
@@ -151,7 +151,7 @@ header {
       vertical-align: top;
       white-space: nowrap;
 
-      @media (max-width: $screen-sm-min) {
+      @media (max-width: $screen-xs-max) {
         max-width: 220px;
       }
 
@@ -183,7 +183,7 @@ header {
       float: right;
       border-top: none;
 
-      @media (max-width: $screen-sm-min) {
+      @media (max-width: $screen-xs-max) {
         float: none;
       }
     }