diff --git a/docuilib/package.json b/docuilib/package.json
index 87ce217dff..060229b35d 100644
--- a/docuilib/package.json
+++ b/docuilib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uilib-docs",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "main": "./src/index.ts",
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/docuilib/src/components/pageComponents/ContentItem.module.scss b/docuilib/src/components/pageComponents/ContentItem.module.scss
index 8246539588..eac901a829 100644
--- a/docuilib/src/components/pageComponents/ContentItem.module.scss
+++ b/docuilib/src/components/pageComponents/ContentItem.module.scss
@@ -10,6 +10,10 @@
   top: 0px;
 }
 
+.blocker {
+  pointer-events: none;
+}
+
 .componentExample {
   display: flex;
   justify-content: space-between;
diff --git a/docuilib/src/components/pageComponents/ContentItem.tsx b/docuilib/src/components/pageComponents/ContentItem.tsx
index 219f8935ba..1c2e0f0301 100644
--- a/docuilib/src/components/pageComponents/ContentItem.tsx
+++ b/docuilib/src/components/pageComponents/ContentItem.tsx
@@ -53,9 +53,11 @@ const ComponentItem = (props: ComponentItemProps) => {
   }, []);
 
   const componentPreview = (
-    <LiveProvider code={code} scope={ReactLiveScope}>
-      <LivePreview/>
-    </LiveProvider>
+    <div className={styles.blocker}>
+      <LiveProvider code={code} scope={ReactLiveScope}>
+        <LivePreview/>
+      </LiveProvider>
+    </div>
   );
 
   const codePreview = <CodeBlock snippet={code} title="Code Example"/>;