diff --git a/plugins/woocommerce-admin/client/layout/transient-notices/style.scss b/plugins/woocommerce-admin/client/layout/transient-notices/style.scss
index d9f498dd039..db78e8434cd 100644
--- a/plugins/woocommerce-admin/client/layout/transient-notices/style.scss
+++ b/plugins/woocommerce-admin/client/layout/transient-notices/style.scss
@@ -1,7 +1,9 @@
+@import '../../navigation/stylesheets/variables';
+
 .woocommerce-transient-notices {
 	position: fixed;
 	bottom: $gap-small;
-	left: 176px;
+	left: $admin-menu-width + $gap;
 	z-index: 99999;
 
 	@media ( max-width: 960px ) {
diff --git a/plugins/woocommerce-admin/client/navigation/style.scss b/plugins/woocommerce-admin/client/navigation/style.scss
index 9d63d7884c6..6444ad8a7dc 100644
--- a/plugins/woocommerce-admin/client/navigation/style.scss
+++ b/plugins/woocommerce-admin/client/navigation/style.scss
@@ -96,5 +96,17 @@
 				display: none;
 			}
 		}
+
+		.woocommerce-transient-notices {
+			left: $gap;
+		}
+	}
+
+	.woocommerce-transient-notices {
+		left: $navigation-width + $gap;
+
+		@include breakpoint( '<782px' ) {
+			left: $gap;
+		}
 	}
 }
diff --git a/plugins/woocommerce-admin/client/navigation/stylesheets/_variables.scss b/plugins/woocommerce-admin/client/navigation/stylesheets/_variables.scss
index 60a68cb4ad6..ba6cc601576 100644
--- a/plugins/woocommerce-admin/client/navigation/stylesheets/_variables.scss
+++ b/plugins/woocommerce-admin/client/navigation/stylesheets/_variables.scss
@@ -3,6 +3,7 @@ $navigation-width: 240px;
 $navigation-x-padding: 30px;
 
 // WordPress defaults.
+$admin-menu-width: 160px;
 $admin-bar-height: 32px;
 $admin-bar-height-mobile: 46px;