diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 0ab597db4..9c6251022 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -35,7 +35,7 @@ body {
 //------------------------------------------------------------------------------
 
 header.o_main_header{
-    width: 100vw;
+    width: 100%;
     height: $o-header-mobile-height;
     position: fixed;
     top: 0;
@@ -509,7 +509,26 @@ header.o_main_header{
                   max-width: 100%;
                 }
 
-                @include media-breakpoint-up(lg) {
+                .content-switcher {
+                    .nav-tabs .nav-link.active {
+                        background-color: #f8f8f8;
+                        border-color: #dee2e6 #dee2e6 #f8f8f8;
+                        font-weight: $fw_semibold;
+                    }
+
+                    .tab-content {
+                        background: $doc_code-bg;
+                        border: 1px $gray-300 solid;
+                        border-top: 0;
+
+                        div[class^="highlight"] {
+                            border: 0;
+                            margin: 0;
+                        }
+                    }
+                }
+
+                @include media-breakpoint-up(xl) {
                     width: 100%;
                     padding-right: 0;
 
@@ -555,27 +574,6 @@ header.o_main_header{
                                 font-size: 12px;
                             }
                         }
-
-                        .content-switcher {
-
-                            .nav-tabs .nav-link.active {
-                                background-color: #f8f8f8;
-                                border-color: #dee2e6 #dee2e6 #f8f8f8;
-                                font-weight: $fw_semibold;
-                            }
-
-                            .tab-content {
-                                display:flex;
-                                background: $doc_code-bg;
-                                border: 1px $gray-300 solid;
-                                border-top: 0;
-
-                                div[class^="highlight"] {
-                                    border: 0;
-                                    margin: 0;
-                                }
-                            }
-                        }
                     }
                 }
             }
@@ -626,7 +624,9 @@ header.o_main_header{
                 > h1 {
                     color: $o-violet-dark;
                     font-weight: $fw_bold;
-                    max-width: calc(100% - 120px);
+                    @include media-breakpoint-up(lg) {
+                        max-width: calc(100% - 120px);
+                    }
                     + * {
                         margin-top: 1rem;
                     }