diff --git a/plugins/woocommerce-admin/client/stylesheets/_breakpoints.scss b/plugins/woocommerce-admin/client/stylesheets/_breakpoints.scss
index 08b9faab829..cf1faec023a 100644
--- a/plugins/woocommerce-admin/client/stylesheets/_breakpoints.scss
+++ b/plugins/woocommerce-admin/client/stylesheets/_breakpoints.scss
@@ -1,7 +1,11 @@
+/** @format */
+
 // Breakpoints
 // Forked from https://github.com/Automattic/wp-calypso/blob/46ae24d8800fb85da6acf057a640e60dac988a38/assets/stylesheets/shared/mixins/_breakpoints.scss
 
-$breakpoints: 480px, 660px, 800px, 960px, 1040px, 1280px, 1400px; // Think very carefully before adding a new breakpoint
+// Think very carefully before adding a new breakpoint.
+// The list below is based on wp-admin's main breakpoints
+$breakpoints: 400px, 600px, 782px, 960px, 1100px;
 
 @mixin breakpoint( $sizes... ) {
 	@each $size in $sizes {
diff --git a/plugins/woocommerce-admin/client/stylesheets/_wpadmin-reset.scss b/plugins/woocommerce-admin/client/stylesheets/_wpadmin-reset.scss
index e2094560b3d..2f0efa9f751 100644
--- a/plugins/woocommerce-admin/client/stylesheets/_wpadmin-reset.scss
+++ b/plugins/woocommerce-admin/client/stylesheets/_wpadmin-reset.scss
@@ -14,6 +14,17 @@
 	* {
 		box-sizing: border-box;
 	}
+
+	.menu-top {
+		box-sizing: initial;
+	}
+
+	@include breakpoint( '<782px' ) {
+		// WP breakpoint for mobile menu
+		.wp-responsive-open #wpbody {
+			right: -14.5em;
+		}
+	}
 }
 
 .woo-dashboard__admin-notice-list-hide {