diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.css b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.css
index 4d40aa799d..041b427c49 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.css
+++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.css
@@ -1,11 +1,13 @@
 .cms-reaction-select-icon, .cms-reaction-icon {
     cursor: pointer;
 }
-.cms-reaction-selection-popover-content i.fa-2x{
+
+.cms-reaction-selection-popover-content i.fa-2x {
     width: 25%;
     display: inline-block;
     float: left;
 }
+
 .reaction-in-comment span.area-title {
     display: none;
 }
@@ -15,6 +17,11 @@ span.area-title {
     padding: 3px;
     display: block;
 }
+
 .popover {
     min-width: 276px;
-}
\ No newline at end of file
+}
+
+.cms-reaction-icon-selected {
+    font-weight: bold;
+}
diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.js b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.js
index bc7f5af444..c55ba4c8bf 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.js
+++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.js
@@ -1,12 +1,13 @@
-(function ($) {
-
-    var l = abp.localization.getResource('CmsKit');
-
+$(document).ready(function () {
     var myDefaultAllowList = $.fn.tooltip.Constructor.Default.allowList;
 
     if (myDefaultAllowList.span.indexOf('data-reaction-name') < 0) {
         myDefaultAllowList.span.push('data-reaction-name');
     }
+});
+
+(function ($) {
+    var l = abp.localization.getResource('CmsKit');
 
     abp.widgets.CmsReactionSelection = function ($widget) {
         var widgetManager = $widget.data('abp-widget-manager');