diff --git a/tests/_output/bootstrap/listview/listview-states.png b/tests/_output/bootstrap/listview/listview-states.png
index 25c2e7fdb17..7459f9392aa 100644
Binary files a/tests/_output/bootstrap/listview/listview-states.png and b/tests/_output/bootstrap/listview/listview-states.png differ
diff --git a/tests/_output/classic/listview/listview-states.png b/tests/_output/classic/listview/listview-states.png
index 5b31951da28..18621616775 100644
Binary files a/tests/_output/classic/listview/listview-states.png and b/tests/_output/classic/listview/listview-states.png differ
diff --git a/tests/_output/default/listview/listview-states.png b/tests/_output/default/listview/listview-states.png
index 2086653c94a..a55c9cd680e 100644
Binary files a/tests/_output/default/listview/listview-states.png and b/tests/_output/default/listview/listview-states.png differ
diff --git a/tests/_output/fluent/listview/listview-states.png b/tests/_output/fluent/listview/listview-states.png
index 7e9144b4a7d..259c13c4f89 100644
Binary files a/tests/_output/fluent/listview/listview-states.png and b/tests/_output/fluent/listview/listview-states.png differ
diff --git a/tests/_output/material/listview/listview-states.png b/tests/_output/material/listview/listview-states.png
index bc08e4aa9e1..d0e88c68d2b 100644
Binary files a/tests/_output/material/listview/listview-states.png and b/tests/_output/material/listview/listview-states.png differ
diff --git a/tests/listview/listview-states.html b/tests/listview/listview-states.html
index dfa585e0f8f..67a8b0592e1 100644
--- a/tests/listview/listview-states.html
+++ b/tests/listview/listview-states.html
@@ -119,11 +119,6 @@
         <div class="k-listview k-loading">
             <div class="k-listview-header">Header</div>
             <div class="k-listview-content k-d-flex k-flex-col">
-                <div class="k-loading-mask k-opaque" style="height: 100%; width: 100%;">
-                    <span class="k-loading-text">Loading...</span>
-                    <div class="k-loading-image"></div>
-                    <div class="k-loading-color"></div>
-                </div>
                 <div class="k-listview-item">
                     <div>Listview Item</div>
                 </div>
@@ -131,6 +126,11 @@
                     <div>Listview Item</div>
                 </div>
             </div>
+            <div class="k-loading-mask" style="height: 100%; width: 100%;">
+                <span class="k-loading-text">Loading...</span>
+                <div class="k-loading-image"></div>
+                <div class="k-loading-color"></div>
+            </div>
             <div class="k-listview-footer">Footer</div>
             <div class="k-listview-pager k-listview-pager-bottom k-pager k-pager-md">
                 <div class="k-pager-numbers-wrap">