diff --git a/src/scss/_layout-fixed.scss b/src/scss/_layout-fixed.scss
index 48cd21cf0..cbbc7d286 100644
--- a/src/scss/_layout-fixed.scss
+++ b/src/scss/_layout-fixed.scss
@@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
   .layout-fixed:not(.sidebar-horizontal) {
     // .main-brand {
     //   bottom: 0;
diff --git a/src/scss/_layout-mobile.scss b/src/scss/_layout-mobile.scss
index fdb977c8b..d43d02cca 100644
--- a/src/scss/_layout-mobile.scss
+++ b/src/scss/_layout-mobile.scss
@@ -1,4 +1,4 @@
-@include media-breakpoint-down(md) {
+@include media-breakpoint-down(lg) {
   .wrapper {
     // grid-template-areas:
     //   "main-sidebar main-header"
diff --git a/src/scss/_sidebar-horizontal.scss b/src/scss/_sidebar-horizontal.scss
index a964683a6..e61ad9b09 100644
--- a/src/scss/_sidebar-horizontal.scss
+++ b/src/scss/_sidebar-horizontal.scss
@@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
   .sidebar-horizontal {
     .wrapper {
       grid-template-areas:
diff --git a/src/scss/mixins/_header-variant.scss b/src/scss/mixins/_header-variant.scss
index 6191c6e84..08b7abfbb 100644
--- a/src/scss/mixins/_header-variant.scss
+++ b/src/scss/mixins/_header-variant.scss
@@ -22,7 +22,7 @@
     }
   }
 
-  @include media-breakpoint-down(md) {
+  @include media-breakpoint-down(lg) {
     .main-header {
       background-color: $header-mobile-bg;
       color: $header-mobile-color;
diff --git a/src/ts/sidebar-overlay.ts b/src/ts/sidebar-overlay.ts
index d0ec7a954..162abb1cf 100644
--- a/src/ts/sidebar-overlay.ts
+++ b/src/ts/sidebar-overlay.ts
@@ -25,7 +25,7 @@ const SELECTOR_SIDEBAR_SM = `.${CLASS_NAME_LAYOUT_MOBILE}`
 const SELECTOR_CONTENT_WRAPPER = '.content-wrapper'
 
 const Defaults = {
-  onLayouMobile: 768
+  onLayouMobile: 992
 }
 
 class SidebarOverlay {