diff --git a/snippets/shx-loading-spinner.liquid b/snippets/shx-loading-spinner.liquid
index 3a4c850..fbd37da 100644
--- a/snippets/shx-loading-spinner.liquid
+++ b/snippets/shx-loading-spinner.liquid
@@ -3,8 +3,8 @@
 {% if content_type == 'body' %}
 
     <div class="shx-loading-spinner-Container">
-        {% render 'shx-logo', class_name:"shx-loading-spinner-mainIcon", width:"200px"%}
-        <p>Lade Vorschau...</p>
+        {% 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>
 
 {% elsif content_type == 'head' %}
@@ -37,7 +37,16 @@
 
             backdrop-filter: blur(10px);
 
-            
+            transition: all 0.5s;
+        }
+
+        .shx-loading-spinner-Container-done {
+            opacity: 0;
+            pointer-events: none;
+        }
+
+        .shx-loading-spinner-unclickable {
+            pointer-events: none;
         }
 
         .shx-loading-spinner-mainIcon {