diff --git a/docs/js/demo.js b/docs/js/demo.js
index fd2c404..49fb3d7 100644
--- a/docs/js/demo.js
+++ b/docs/js/demo.js
@@ -3,6 +3,7 @@ import { components } from "https://unpkg.com/@wq/markdown";
 import { Analyst } from "https://unpkg.com/@wq/analyst";
 
 const React = modules.react;
+const { Paper } = modules["@mui/material"];
 const Code = components.code;
 
 export default function CodeDetect(props) {
@@ -10,7 +11,11 @@ export default function CodeDetect(props) {
     if (value.includes("// @wq/analyst")) {
         const config = parseConfig(value);
         if (config) {
-            return React.createElement(Analyst, config);
+            return React.createElement(
+                Paper,
+                null,
+                React.createElement(Analyst, config),
+            );
         } else {
             return React.createElement(Code, {
                 children: "// Error parsing @wq/analyst config\n\n" + value,