diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
index 2e1b4d957e0132..b2902274839e2a 100644
--- a/packages/base-styles/_mixins.scss
+++ b/packages/base-styles/_mixins.scss
@@ -151,13 +151,13 @@
 	#{$selector} { /* Set left position when auto-fold is not on the body element. */
 		left: 0;
 
-		@include break-medium() {
+		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width;
 		}
 	}
 
 	.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
-		@include break-medium() {
+		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width-collapsed;
 		}
 
@@ -170,13 +170,13 @@
 	.folded #{$selector} {
 		left: 0;
 
-		@include break-medium() {
+		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width-collapsed;
 		}
 	}
 
 	/* Mobile menu opened. */
-	@media (max-width: #{ ($break-medium) }) {
+	@media (max-width: #{ ($break-medium + 1) }) {
 		.auto-fold .wp-responsive-open #{$selector} {
 			left: $admin-sidebar-width-big;
 		}
diff --git a/packages/interface/src/components/interface-skeleton/style.scss b/packages/interface/src/components/interface-skeleton/style.scss
index 39b7b85493f20d..67f9c1440850b6 100644
--- a/packages/interface/src/components/interface-skeleton/style.scss
+++ b/packages/interface/src/components/interface-skeleton/style.scss
@@ -24,7 +24,7 @@ html.interface-interface-skeleton__html-container {
 	bottom: 0;
 
 	// Adjust to admin-bar going small.
-	@include break-medium() {
+	@media (min-width: #{ ($break-medium + 1) }) {
 		top: $admin-bar-height;
 
 		.is-fullscreen-mode & {