diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index 31aee1b..9e00cf6 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -28,11 +28,19 @@
         margin-top: 1rem;
     }
 
-    .shx-threejs-renderer {
+    .shx-threejs-renderer-container {
         margin-top: 1rem;
         border-radius: 10px;
         border: 0;
         width: 100%;
+
+        position: relative;
+        
+    }
+
+    .shx-threejs-renderer {
+        border: 0;
+        width: 100%;
     }
 </style>
 
diff --git a/snippets/shx-loading-spinner.liquid b/snippets/shx-loading-spinner.liquid
index 97cd9ba..e039f4e 100644
--- a/snippets/shx-loading-spinner.liquid
+++ b/snippets/shx-loading-spinner.liquid
@@ -27,7 +27,7 @@
             left: 0;
             width: 100%;
             height: 100%;
-            background-color: rgba(255, 255, 255, 0.8);
+            background-color: rgba(0, 0, 0, 0.2);
             z-index: 9999;
             display: flex;
             justify-content: center;