diff --git a/snippets/shx-product-desc.liquid b/snippets/shx-product-desc.liquid
index 372db2a..8f4795c 100644
--- a/snippets/shx-product-desc.liquid
+++ b/snippets/shx-product-desc.liquid
@@ -31,7 +31,7 @@
                 this.currentVariant = id;
 
                 // edit inner html
-                this.shadowRoot.innerHTML = `<div>Current variant: ${this.currentVariant}</div>`;
+                this.innerHTML = `<div>Current variant: ${this.currentVariant}</div>`;
 
                 document.querySelectorAll('[thumbnail-alt-mobile]').forEach((thumbnail) => {
                     console.log(thumbnail.getAttribute('thumbnail-alt-mobile'));
@@ -42,10 +42,10 @@
 
                             // clone video to shadow dom
                             let videoClone = video.cloneNode(true);
-                            this.shadowRoot.appendChild(videoClone);
+                            this.appendChild(videoClone);
 
                             // get video element
-                            let videoElement = this.shadowRoot.querySelector('.shx-video');
+                            let videoElement = this.querySelector('.shx-video');
                             videoElement.classList.add('shx-video-for-desc');