diff --git a/modules/cms-kit/src/Volo.CmsKit.Common.Web/Icons/CmsIconTagHelper.cs b/modules/cms-kit/src/Volo.CmsKit.Common.Web/Icons/CmsIconTagHelper.cs
index 6db6e0e8a0..515fe32181 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Common.Web/Icons/CmsIconTagHelper.cs
+++ b/modules/cms-kit/src/Volo.CmsKit.Common.Web/Icons/CmsIconTagHelper.cs
@@ -3,7 +3,7 @@ using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers;
 
 namespace Volo.CmsKit.Web.Icons
 {
-    [HtmlTargetElement(TagStructure = TagStructure.WithoutEndTag)]
+    [HtmlTargetElement("cms-icon",TagStructure = TagStructure.WithoutEndTag)]
     public class CmsIconTagHelper : AbpTagHelper<CmsIconTagHelper, CmsIconTagHelperService>
     {
         public string Name { get; set; }
diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/Default.cshtml b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/Default.cshtml
index 2dca928e65..5937331882 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/Default.cshtml
+++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/Default.cshtml
@@ -4,5 +4,5 @@
 <p>EntityId: @Model.EntityId</p>
 @foreach (var reaction in Model.Reactions)
 {
-    <img width="20" height="20" src="@reaction.Icon"/>
+    <cms-icon name="@reaction.Icon" />
 }