diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 5f747d9de..3a059f64e 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -61,7 +61,12 @@
 
 <script>
 import { roomQuery, createRoom, unreadRoomsQuery } from '~/graphql/Rooms'
-import { messageQuery, createMessageMutation, chatMessageAdded, markMessagesAsSeen } from '~/graphql/Messages'
+import {
+  messageQuery,
+  createMessageMutation,
+  chatMessageAdded,
+  markMessagesAsSeen,
+} from '~/graphql/Messages'
 import chatStyle from '~/constants/chat.js'
 import { mapGetters, mapMutations } from 'vuex'
 
@@ -180,11 +185,10 @@ export default {
 
     observer.subscribe({
       next: this.chatMessageAdded,
-      error (error) {
-        console.error(error)
+      error(error) {
+        this.$toast.error(error)
       },
     })
-
   },
   computed: {
     ...mapGetters({
@@ -313,9 +317,9 @@ export default {
       }
     },
 
-    async chatMessageAdded({data}){
-      if(data.chatMessageAdded.room.id === this.selectedRoom?.id){
-        this.fetchMessages({ room: this.selectedRoom, options: { refetch: true }})
+    async chatMessageAdded({ data }) {
+      if (data.chatMessageAdded.room.id === this.selectedRoom?.id) {
+        this.fetchMessages({ room: this.selectedRoom, options: { refetch: true } })
       } else {
         // TODO this might be optimized selectively (first page vs rest)
         this.rooms = []
diff --git a/webapp/graphql/Messages.js b/webapp/graphql/Messages.js
index 994b28f51..9efd35cf1 100644
--- a/webapp/graphql/Messages.js
+++ b/webapp/graphql/Messages.js
@@ -37,7 +37,7 @@ export const createMessageMutation = () => {
 export const chatMessageAdded = () => {
   return gql`
     subscription chatMessageAdded($userId: ID!) {
-      chatMessageAdded(userId: $userId){
+      chatMessageAdded(userId: $userId) {
         #_id
         id
         # indexId