diff --git a/package.json b/package.json
index 348b13ac3..46ff53f06 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
         "vue-resize-observer": "^2.0.16",
         "vue-router": "^3.6.5",
         "vue-template-compiler": "~2.6.14",
-        "vue-virtual-scroll-list-hi": "^2.3.4-6",
+        "vue-virtual-scroll-list-hi": "^2.3.5-3",
         "vuedraggable": "^2.24.3",
         "vuex": "^3.6.2"
     },
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 4461ab3e6..61597d99d 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -146,6 +146,7 @@
         <VirtualList
             ref="scroller"
             class="dialog-scroller scrollbar-virtual"
+            item-inactive-class="inactive"
             :class="scrollerClass"
             :data-key="'id'"
             :data-sources="allMsgs"
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 9f844a595..cb30c4462 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -424,6 +424,10 @@
             -webkit-overflow-scrolling: touch;
         }
 
+        .inactive {
+            visibility: hidden;
+        }
+
         .dialog-item {
             display: flex;
             flex-direction: row;