diff --git a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js
index 3c443a4fac..70e1534a42 100644
--- a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js
+++ b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js
@@ -7,7 +7,8 @@
             return;
         }
 
-        var id = _this.data("id")
+        var id = _this.data("id");
+        var tabId = id.replace(/\./g, '-');
         abp.ui.block({
           elm: '#tab-content',
           busy: true,
@@ -19,8 +20,8 @@
                processData: false
            }).done(function (response) {
                $('#tab-content').children('.tab-pane').removeClass('show').removeClass('active');
-               _this.attr('data-bs-target', '#' + $.escapeSelector(id));
-               $('#tab-content').append('<div id=' + $.escapeSelector(id) + ' class="tab-pane fade active show">' + response + '</div>');
+               _this.attr('data-bs-target', '#' + tabId);
+               $('#tab-content').append('<div id=' + tabId + ' class="tab-pane fade active show">' + response + '</div>');
            })
         });
     }).first().click();