diff --git a/public/script.js b/public/script.js
index 77233216e..90f88bcba 100644
--- a/public/script.js
+++ b/public/script.js
@@ -793,6 +793,8 @@ function printMessages() {
     chat.forEach(function (item, i, arr) {
         addOneMessage(item);
     });
+
+    $('#chat .mes').addClass('auto_hide');
 }
 
 function clearChat() {
diff --git a/public/style.css b/public/style.css
index 3c2298523..4b6b92a69 100644
--- a/public/style.css
+++ b/public/style.css
@@ -350,6 +350,10 @@ margin-top:5px;
     display: none !important;
 }
 
+.auto_hide {
+    content-visibility: auto;
+}
+
 .mes {
     display: grid;
     grid-template-columns: min-content min-content auto min-content;