diff --git a/client/components/ChatInput.vue b/client/components/ChatInput.vue
index 6f20297c..e079a70a 100644
--- a/client/components/ChatInput.vue
+++ b/client/components/ChatInput.vue
@@ -38,7 +38,8 @@
 			<button
 				id="submit"
 				type="submit"
-				aria-label="Send message" />
+				aria-label="Send message"
+				:disabled="!this.$root.isConnected" />
 		</span>
 	</form>
 </template>
diff --git a/client/css/style.css b/client/css/style.css
index 247388a7..028c47be 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -2029,6 +2029,11 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 	flex: 0 0 auto;
 }
 
+#form #upload[disabled],
+#form #submit[disabled] {
+	opacity: 0.5;
+}
+
 #context-menu-container {
 	display: none;
 	position: absolute;