diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/Default.cshtml b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/Default.cshtml
index f040515b52..8e34c45f43 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/Default.cshtml
+++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/Default.cshtml
@@ -12,14 +12,14 @@
         {
             if (Model.UrlFormat.IsNullOrWhiteSpace())
             {
-                <span class="br-8 me-2 mb-2 p-2 d-inline-block cmskit-tag fw--5" style="background: #eeedf7; color: #766bc8" data-count="@tag.Count">
+                <span class="br-8 me-2 mb-2 p-2 d-inline-block cmskit-tag fw--5" data-count="@tag.Count">
                     @tag.Name
                 </span>
             }
             else
             {
                 <a href="@Model.UrlFormat.Replace("{TagId}", tag.Id.ToString()).Replace("{TagName}",tag.Name)">
-                    <span class="br-8 me-2 mb-2 p-2 d-inline-block cmskit-tag fw--5" style="background: #eeedf7; color: #766bc8" data-count="@tag.Count">
+                    <span class="br-8 me-2 mb-2 p-2 d-inline-block cmskit-tag fw--5" data-count="@tag.Count">
                         @tag.Name
                     </span>
                 </a>
diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/PopularTagsViewComponent.cs b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/PopularTagsViewComponent.cs
index c12def65e8..f3dc84a832 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/PopularTagsViewComponent.cs
+++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/PopularTagsViewComponent.cs
@@ -1,12 +1,17 @@
-using System;
-using System.Collections.Generic;
+using System.Collections.Generic;
 using System.Threading.Tasks;
 using Microsoft.AspNetCore.Mvc;
 using Volo.Abp.AspNetCore.Mvc;
+using Volo.Abp.AspNetCore.Mvc.UI.Widgets;
 using Volo.CmsKit.Tags;
 
 namespace Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Components.PopularTags;
 
+[Widget(
+    StyleFiles = new[]
+    {
+        "/Pages/CmsKit/Shared/Components/PopularTags/default.css"
+    })]
 public class PopularTagsViewComponent : AbpViewComponent
 {
     private readonly ITagAppService _tagAppService;
diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/default.css b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/default.css
new file mode 100644
index 0000000000..23fbefbecc
--- /dev/null
+++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/PopularTags/default.css
@@ -0,0 +1,4 @@
+.cmskit-tag {
+    background: #eeedf7;
+    color: #766bc8
+}
\ No newline at end of file