diff --git a/client/components/Chat.vue b/client/components/Chat.vue
index 4556228b..baf7ac62 100644
--- a/client/components/Chat.vue
+++ b/client/components/Chat.vue
@@ -74,7 +74,7 @@
 		</div>
 		<div
 			v-if="this.$root.currentUserVisibleError"
-			id="connection-error"
+			id="user-visible-error"
 			@click="hideUserVisibleError">{{ this.$root.currentUserVisibleError }}</div>
 		<span id="upload-progressbar" />
 		<ChatInput
diff --git a/client/css/style.css b/client/css/style.css
index 3f023ab4..df1db406 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1961,11 +1961,11 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 	align-items: flex-end;
 }
 
-#connection-error {
-	font-size: 12px;
-	line-height: 36px;
-	font-weight: bold;
-	letter-spacing: 1px;
+#user-visible-error {
+	font-size: 14px;
+	line-height: 1.5;
+	font-weight: 600;
+	padding: 10px;
 	word-spacing: 3px;
 	text-transform: uppercase;
 	background: #e74c3c;