diff --git a/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss b/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss index c3977e4d71f..d7461def4ff 100644 --- a/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss +++ b/plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss @@ -11,7 +11,13 @@ } .wrap { - padding: 20px; + padding: 20px 20px 0; + + @include breakpoint( '<782px' ) { + p.search-box { + width: calc(100% - 40px); + } + } } #woocommerce-embedded-root.is-embed-loading + #wpbody .wrap { diff --git a/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss b/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss index 4433915853d..5a750e5a6b4 100644 --- a/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss +++ b/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss @@ -6,17 +6,24 @@ } #wpcontent, - #wpbody-content { + &.woocommerce_page_wc-admin #wpbody-content { padding: 0; overflow-x: hidden !important; min-height: calc(100vh - #{$adminbar-height}); } + @include breakpoint( '>782px' ) { + #wpbody-content { + padding: 0; + } + } + @include breakpoint( '<782px' ) { // WP breakpoint for mobile menu .wp-responsive-open #wpbody { right: -14.5em; } + #wpcontent, #wpbody-content { min-height: calc(100vh - #{$adminbar-height-mobile});