diff --git a/tests/unit/__snapshots__/Loading.test.js.snap b/tests/unit/__snapshots__/Loading.test.js.snap
index 29d3a8c2b..0aa3fb940 100644
--- a/tests/unit/__snapshots__/Loading.test.js.snap
+++ b/tests/unit/__snapshots__/Loading.test.js.snap
@@ -3,7 +3,7 @@
 exports[`Loading checks all it's children for a loading_state: Loading spinner for children 1`] = `"<div>Child 1</div><div>Child 2</div><div loading_state=\\"[object Object]\\">Child 3</div>"`;
 
 exports[`Loading renders with multiple children: Loading with is_loading=true 1`] = `
-"<div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
+"<div>Child 1</div><div>Child 2</div><div>Child 3</div><div style=\\"visibility:visible;position:absolute;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center\\" class=\\"\\"><div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
                     .dash-spinner-container {
                         position: fixed;
                         width: 100vw;
@@ -72,11 +72,11 @@ exports[`Loading renders with multiple children: Loading with is_loading=true 1`
                         -webkit-transform: scaleY(1.0);
                         }
                     }
-            </style>"
+            </style></div>"
 `;
 
 exports[`Loading renders without loading_state.component_name: Loading with is_loading=true 1`] = `
-"<div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
+"<div>Loading is done!</div><div style=\\"visibility:visible;position:absolute;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center\\" class=\\"\\"><div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
                     .dash-spinner-container {
                         position: fixed;
                         width: 100vw;
@@ -145,11 +145,11 @@ exports[`Loading renders without loading_state.component_name: Loading with is_l
                         -webkit-transform: scaleY(1.0);
                         }
                     }
-            </style>"
+            </style></div>"
 `;
 
 exports[`Loading renders without prop_name: Loading with is_loading=true 1`] = `
-"<div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
+"<div>Loading is done!</div><div style=\\"visibility:visible;position:absolute;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center\\" class=\\"\\"><div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
                     .dash-spinner-container {
                         position: fixed;
                         width: 100vw;
@@ -218,11 +218,11 @@ exports[`Loading renders without prop_name: Loading with is_loading=true 1`] = `
                         -webkit-transform: scaleY(1.0);
                         }
                     }
-            </style>"
+            </style></div>"
 `;
 
 exports[`Loading renders: Loading with is_loading=true 1`] = `
-"<div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
+"<div>Loading is done!</div><div style=\\"visibility:visible;position:absolute;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center\\" class=\\"\\"><div class=\\"dash-spinner dash-default-spinner\\"><div class=\\"dash-default-spinner-rect1\\"></div><div class=\\"dash-default-spinner-rect2\\"></div><div class=\\"dash-default-spinner-rect3\\"></div><div class=\\"dash-default-spinner-rect4\\"></div><div class=\\"dash-default-spinner-rect5\\"></div></div><style>
                     .dash-spinner-container {
                         position: fixed;
                         width: 100vw;
@@ -291,5 +291,5 @@ exports[`Loading renders: Loading with is_loading=true 1`] = `
                         -webkit-transform: scaleY(1.0);
                         }
                     }
-            </style>"
+            </style></div>"
 `;