fix: scp limit
diff --git a/docusaurus.config.js b/docusaurus.config.js
index e8cccbe..6bc2d5c 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -21,13 +21,6 @@
   organizationName: 'Apache',
   projectName: 'Apache DevLake',
 
-  // Other top-level config fields
-  customFields: {
-    head: [
-      ['meta', { httpEquiv: 'Content-Security-Policy', content: "frame-src 'self' https://grafana-lake.demo.devlake.io/;" }],
-    ],
-  },
-
   presets: [
     [
       '@docusaurus/preset-classic',
@@ -109,6 +102,7 @@
         sidebarPath: require.resolve('./sidebarsLivedemo.js'),
       },
     ],
+    './livedemo/docusaurus-plugin-csp',
     function tailwindcss() {
       return {
         name: 'docusaurus-tailwindcss',
diff --git a/livedemo/docusaurus-plugin-csp.js b/livedemo/docusaurus-plugin-csp.js
new file mode 100644
index 0000000..21ccec2
--- /dev/null
+++ b/livedemo/docusaurus-plugin-csp.js
@@ -0,0 +1,18 @@
+module.exports = function(context, options) {
+  return {
+    name: 'docusaurus-plugin-csp',
+    injectHtmlTags() {
+      return {
+        headTags: [
+          {
+            tagName: 'meta',
+            attributes: {
+              'http-equiv': 'Content-Security-Policy',
+              content: "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; frame-src 'self' https://grafana-lake.demo.devlake.io/;",
+            },
+          },
+        ],
+      };
+    },
+  };
+};
\ No newline at end of file