diff --git a/skinStyles/extensions/Echo/ext.echo.styles.alert.less b/skinStyles/extensions/Echo/ext.echo.styles.alert.less
index c1ae7583..0c52b8ac 100644
--- a/skinStyles/extensions/Echo/ext.echo.styles.alert.less
+++ b/skinStyles/extensions/Echo/ext.echo.styles.alert.less
@@ -10,32 +10,26 @@
 
 @import '../../../resources/variables.less';
 
+/* Sync styles with mw.notifications */
 .mw-echo-alert {
 	position: fixed;
+	top: 0;
 	right: 0;
-	bottom: 0;
-	left: 0;
 	z-index: @z-index-overlay;
-	width: auto;
-	max-width: @max-width-breakpoint-tablet;
+	max-width: 80vw;
 	padding: 0;
 	margin: var( --space-xs );
 	font-size: var( --font-size-small );
 	line-height: var( --line-height-sm );
 	color: var( --color-base );
-	background-color: var( --color-surface-1 );
+	background-color: var( --background-color-warning-subtle );
 	border: var( --border-width-base ) solid var( --border-color-base );
-	border-radius: var( --border-radius-large );
+	border-radius: var( --border-radius-medium );
 	box-shadow: var( --box-shadow-drop-xx-large );
 
-	@media only screen and ( min-width: @min-width-breakpoint-desktop ) {
-		right: unset;
-		left: var( --header-size );
-	}
-
 	// Needed additional specificity
 	&.mw-list-item > a {
-		padding: var( --space-md );
+		padding: var( --space-sm ) var( --space-md );
 		border-radius: var( --border-radius-large );
 	}
 }