diff --git a/packages/components/src/components/avatar/shadow.tsx b/packages/components/src/components/avatar/shadow.tsx
index d4dd7f447e..543877bcf3 100644
--- a/packages/components/src/components/avatar/shadow.tsx
+++ b/packages/components/src/components/avatar/shadow.tsx
@@ -1,5 +1,5 @@
 import type { JSX } from '@stencil/core';
-import { Component, h, Host, Prop } from '@stencil/core';
+import { Component, h, Prop } from '@stencil/core';
 
 import type { AvatarProps } from '../../schema';
 import { KolAvatarWcTag } from '../../core/component-names';
@@ -13,11 +13,7 @@ import { KolAvatarWcTag } from '../../core/component-names';
 })
 export class KolAvatar implements AvatarProps {
 	public render(): JSX.Element {
-		return (
-			<Host>
-				<KolAvatarWcTag _src={this._src} _label={this._label}></KolAvatarWcTag>
-			</Host>
-		);
+		return <KolAvatarWcTag _src={this._src} _label={this._label}></KolAvatarWcTag>;
 	}
 
 	/**