diff --git a/ext/system-resources/resources/chat/html/App.ts b/ext/system-resources/resources/chat/html/App.ts
index ab0545b5ee..a9a1acdaee 100644
--- a/ext/system-resources/resources/chat/html/App.ts
+++ b/ext/system-resources/resources/chat/html/App.ts
@@ -115,19 +115,22 @@ export default defineComponent({
     window.addEventListener("message", this.listener);
   },
   watch: {
-    messages() {
-      if (this.hideState !== ChatHideStates.AlwaysHide) {
-        if (this.showWindowTimer) {
-          clearTimeout(this.showWindowTimer);
+    messages: {
+      handler() {
+        if (this.hideState !== ChatHideStates.AlwaysHide) {
+          if (this.showWindowTimer) {
+            clearTimeout(this.showWindowTimer);
+          }
+          this.showWindow = true;
+          this.resetShowWindowTimer();
         }
-        this.showWindow = true;
-        this.resetShowWindowTimer();
-      }
 
-      const messagesObj = this.$refs.messages as HTMLDivElement;
-      this.$nextTick(() => {
-        messagesObj.scrollTop = messagesObj.scrollHeight;
-      });
+        const messagesObj = this.$refs.messages as HTMLDivElement;
+        this.$nextTick(() => {
+          messagesObj.scrollTop = messagesObj.scrollHeight;
+        });
+      },
+      deep: true
     }
   },
   computed: {