diff --git a/playground/src/main.ts b/playground/src/main.ts
index e8683dd9..89054b3b 100644
--- a/playground/src/main.ts
+++ b/playground/src/main.ts
@@ -33,7 +33,9 @@ import App from './App.vue';
 import router from './route';
 
 import 'element-plus/dist/index.css';
-import '@tmagic/editor/src/theme/index.scss';
+import '@tmagic/editor/dist/style.css';
+import '@tmagic/form/dist/style.css';
+import '@tmagic/table/dist/style.css';
 
 // @ts-ignore
 globalThis.MonacoEnvironment = {
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
index 62fa66bb..32469f2e 100644
--- a/playground/vite.config.ts
+++ b/playground/vite.config.ts
@@ -46,9 +46,17 @@ export default defineConfig({
   resolve: {
     alias: [
       {
-        find: /^@tmagic\/editor\/src\/theme\/index.scss/,
+        find: /^@tmagic\/editor\/dist\/style.css/,
         replacement: path.join(__dirname, '../packages/editor/src/theme/index.scss'),
       },
+      {
+        find: /^@tmagic\/form\/dist\/style.css/,
+        replacement: path.join(__dirname, '../packages/form/src/theme/index.scss'),
+      },
+      {
+        find: /^@tmagic\/table\/dist\/style.css/,
+        replacement: path.join(__dirname, '../packages/table/dist/style.css'),
+      },
       { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../packages/core/src/index.ts') },
       { find: /^@editor/, replacement: path.join(__dirname, '../packages/editor/src/') },
       { find: /^@tmagic\/editor/, replacement: path.join(__dirname, '../packages/editor/src/index.ts') },