diff --git a/core/css/mobile.scss b/core/css/mobile.scss
index 8fff98af4d..6f061abc75 100644
--- a/core/css/mobile.scss
+++ b/core/css/mobile.scss
@@ -166,4 +166,9 @@
 			right: 27px;
 		}
 	}
+
+	#notification-container {
+		max-width: 100%;
+		width: 100%;
+	}
 }
diff --git a/core/css/styles.scss b/core/css/styles.scss
index 6a72df0e17..2d6df4c393 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -399,16 +399,17 @@ td.avatar {
 }
 
 #notification-container {
+	left: 50%;
+	max-width: 60%;
 	position: fixed;
 	top: 0;
-	width: 100%;
 	text-align: center;
+	transform: translateX(-50%);
 	z-index: 8000;
 }
 
 #notification {
 	margin: 0 auto;
-	max-width: 60%;
 	z-index: 8000;
 	background-color: var(--color-main-background);
 	border: 0;