diff --git a/packages/css/src/core.ts b/packages/css/src/core.ts
index ce3d05c86..4c130cddf 100644
--- a/packages/css/src/core.ts
+++ b/packages/css/src/core.ts
@@ -994,7 +994,7 @@ export class MasterCSS {
     insert(syntax: string): boolean {
         const rules = this.create(syntax)
         if (rules.length) {
-            this.insertRules(rules)
+            this.render(rules)
             return true
         } else {
             return false
@@ -1016,7 +1016,7 @@ export class MasterCSS {
     * 11. media width where selectors
     * 12. media width selectors
     */
-    insertRules(rules: Rule[]) {
+    render(rules: Rule[]) {
         for (const rule of rules) {
             if (this.ruleBy[rule.className])
                 continue
diff --git a/packages/extractor/src/core.ts b/packages/extractor/src/core.ts
index e32d04edd..1dfd5e097 100644
--- a/packages/extractor/src/core.ts
+++ b/packages/extractor/src/core.ts
@@ -164,7 +164,7 @@ export default class CSSExtractor extends EventEmitter {
                 .map(async (eachLatentClass) => {
                     const validRules = createValidRules(eachLatentClass, { css: this.css })
                     if (validRules.length) {
-                        this.css.insertRules(validRules)
+                        this.css.render(validRules)
                         validClasses.push(eachLatentClass)
                         this.validClasses.add(eachLatentClass)
                     } else {