diff --git a/client/components/Chat.vue b/client/components/Chat.vue
index eb714384..9f1efd66 100644
--- a/client/components/Chat.vue
+++ b/client/components/Chat.vue
@@ -69,7 +69,7 @@
 		<div
 			v-if="this.$root.currentUserVisibleError"
 			id="connection-error"
-			@click="this.$root.currentUserVisibleError = null">{{ this.$root.currentUserVisibleError }}</div>
+			@click="hideUserVisibleError">{{ this.$root.currentUserVisibleError }}</div>
 		<span id="upload-progressbar" />
 		<ChatInput
 			:network="network"
@@ -107,5 +107,10 @@ export default {
 			}
 		},
 	},
+	methods: {
+		hideUserVisibleError() {
+			this.$root.currentUserVisibleError = null;
+		}
+	},
 };
 </script>