Gaurav
--- a/ui/src/components/list/List.tsx
+++ b/ui/src/components/list/List.tsx
                          styles.ComponentPreviewContent,
                        )}
                      >
-                        {previewContent && (
-                          <div
-                            dangerouslySetInnerHTML={{ __html: previewContent }}
-                          />
-                        )}
+                        <ShadowWrapper>
+                          {previewContent && (
--- a/ui/src/components/ShadowWrapper.tsx 0 → 100644
+++ b/ui/src/components/ShadowWrapper.tsx 0 → 100644
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const contentRef = useRef<HTMLDivElement | null>(null);
+
+  useEffect(() => {
+    if (containerRef.current && !shadowRootRef.current) {
+      shadowRootRef.current = containerRef.current.attachShadow({
+        mode: 'open',
+      });
+
+      const wrapper = document.createElement('div');
+      shadowRootRef.current.appendChild(wrapper);
+      contentRef.current = wrapper;
+    }
+
+    if (contentRef.current) {
+      ReactDOM.render(<>{children}</>, contentRef.current);