diff --git a/addons/web/static/src/js/services/config.js b/addons/web/static/src/js/services/config.js
index 0ca1c912b27..d05a263ef4e 100644
--- a/addons/web/static/src/js/services/config.js
+++ b/addons/web/static/src/js/services/config.js
@@ -83,7 +83,7 @@ function _updateSizeProps() {
     var sc = _getSizeClass();
     if (sc !== config.device.size_class) {
         config.device.size_class = sc;
-        config.device.isMobile = config.device.size_class <= config.device.SIZES.XS;
+        config.device.isMobile = config.device.size_class <= config.device.SIZES.SM;
     }
 }
 
diff --git a/addons/web/static/src/scss/dropdown.scss b/addons/web/static/src/scss/dropdown.scss
index d0bfd1d2586..adffd21bde5 100644
--- a/addons/web/static/src/scss/dropdown.scss
+++ b/addons/web/static/src/scss/dropdown.scss
@@ -66,7 +66,7 @@
             @extend %dropdown-li-a-padding;
             color: $o-main-text-color;
 
-            @media (max-width: $screen-xs-max) {
+            @media (max-width: $screen-sm-max) {
                 color: white;
                 text-decoration: underline;
             }
diff --git a/addons/web/static/src/scss/navbar.scss b/addons/web/static/src/scss/navbar.scss
index 0c3d46945c9..79b89c7ba2d 100644
--- a/addons/web/static/src/scss/navbar.scss
+++ b/addons/web/static/src/scss/navbar.scss
@@ -38,7 +38,7 @@
         font-weight: 500;
         line-height: $o-navbar-height;
 
-        @media (max-width: $screen-xs-max) {
+        @media (max-width: $screen-sm-max) {
             float: none;
             margin: 0;
             border-bottom: 1px solid $o-navbar-inverse-link-hover-bg;
@@ -148,7 +148,7 @@
         }
     }
 
-    @media (max-width: $screen-xs-max) {
+    @media (max-width: $screen-sm-max) {
         @include o-transition(height, 200ms, linear);
 
         position: relative;
@@ -208,7 +208,7 @@
     }
 }
 
-@media (max-width: $screen-xs-max) {
+@media (max-width: $screen-sm-max) {
     body.o_mobile_menu_opened {
         overflow: hidden;
         height: 100%;
@@ -221,7 +221,7 @@
     }
 }
 
-@media (max-width: $screen-xs-max) {
+@media (max-width: $screen-sm-max) {
      .o_switch_company_menu > .dropdown-menu {
          padding-top: 0px;
          li.bg-info {