diff --git a/packages/runtime-core/src/component.ts b/packages/runtime-core/src/component.ts
index 4863c24a8..2bf25ac8e 100644
--- a/packages/runtime-core/src/component.ts
+++ b/packages/runtime-core/src/component.ts
@@ -1240,5 +1240,5 @@ export function isClassComponent(value: unknown): value is ClassComponent {
 
 export interface ComponentCustomElementInterface {
   injectChildStyle(type: ConcreteComponent): void
-  removeChildStlye(type: ConcreteComponent): void
+  removeChildStyle(type: ConcreteComponent): void
 }
diff --git a/packages/runtime-core/src/hmr.ts b/packages/runtime-core/src/hmr.ts
index 6eb0c372c..926d3fa0a 100644
--- a/packages/runtime-core/src/hmr.ts
+++ b/packages/runtime-core/src/hmr.ts
@@ -162,7 +162,7 @@ function reload(id: string, newComp: HMRComponent) {
 
     // update custom element child style
     if (instance.root.ce && instance !== instance.root) {
-      instance.root.ce.removeChildStlye(oldComp)
+      instance.root.ce.removeChildStyle(oldComp)
     }
   }
 
diff --git a/packages/runtime-dom/src/apiCustomElement.ts b/packages/runtime-dom/src/apiCustomElement.ts
index 6aa40c833..4c3be8d44 100644
--- a/packages/runtime-dom/src/apiCustomElement.ts
+++ b/packages/runtime-dom/src/apiCustomElement.ts
@@ -588,7 +588,7 @@ export class VueElement
     this._applyStyles(comp.styles, comp)
   }
 
-  removeChildStlye(comp: ConcreteComponent): void {
+  removeChildStyle(comp: ConcreteComponent): void {
     if (__DEV__) {
       this._styleChildren.delete(comp)
       if (this._childStyles && comp.__hmrId) {