diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index 3d825ef..51dacdc 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -190,6 +190,12 @@
                 if(data.id !== uuid) return;
 
                 console.log("Message received from the child: ", data); // Message received from child
+
+                if(data.loaded === true) {
+                    this.Viewer3DContainer.querySelector('.shx-loading-spinner-Container').classList.add('shx-loading-spinner-container-done');
+                } else {
+                    this.Viewer3DContainer.querySelector('.shx-loading-spinner-Container').classList.remove('shx-loading-spinner-container-done');
+                }
             });
         }
 
diff --git a/snippets/shx-loading-spinner.liquid b/snippets/shx-loading-spinner.liquid
index fbd37da..6b6fd54 100644
--- a/snippets/shx-loading-spinner.liquid
+++ b/snippets/shx-loading-spinner.liquid
@@ -2,7 +2,7 @@
 
 {% if content_type == 'body' %}
 
-    <div class="shx-loading-spinner-Container">
+    <div class="shx-loading-spinner-container">
         {% render 'shx-logo', class_name:"shx-loading-spinner-mainIcon shx-loading-spinner-unclickable", width:"200px"%}
         <p class="shx-loading-spinner-unclickable">Lade Vorschau</p>
     </div>
@@ -22,7 +22,7 @@
             }
         }
 
-        .shx-loading-spinner-Container {
+        .shx-loading-spinner-container {
             position: absolute;
             top: 0;
             left: 0;
@@ -40,7 +40,7 @@
             transition: all 0.5s;
         }
 
-        .shx-loading-spinner-Container-done {
+        .shx-loading-spinner-container-done {
             opacity: 0;
             pointer-events: none;
         }