diff --git a/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/AddResourcePermissionManagementModal.cshtml b/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/AddResourcePermissionManagementModal.cshtml
index b9b7f9340a..be12c7cd1d 100644
--- a/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/AddResourcePermissionManagementModal.cshtml
+++ b/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/AddResourcePermissionManagementModal.cshtml
@@ -26,8 +26,8 @@
                     @foreach (var provider in Model.ResourceProviders.Providers.Select((value, i) => new { i, value }))
                     {
                         <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="radio" checked="@(provider.i == 0)" name="AddModel.ProviderName" id="@provider.value.Name" value="@provider.value.Name">
-                            <label class="form-check-label" for="@provider.value.Name">@provider.value.DisplayName</label>
+                            <input class="form-check-input" type="radio" checked="@(provider.i == 0)" name="AddModel.ProviderName" id="@provider.value.Name.Replace(".", "")" value="@provider.value.Name">
+                            <label class="form-check-label" for="@provider.value.Name.Replace(".", "-")">@provider.value.DisplayName</label>
                         </div>
                     }
                 </div>
@@ -43,8 +43,8 @@
                 @foreach (var permission in Model.ResourcePermissionDefinitions.Permissions)
                 {
                     <div class="form-check">
-                        <input class="form-check-input" type="checkbox" name="AddModel.Permissions[]" id="@permission.Name" value="@permission.Name">
-                        <label class="form-check-label" for="@permission.Name">@permission.DisplayName</label>
+                        <input class="form-check-input" type="checkbox" name="AddModel.Permissions[]" id="@permission.Name.Replace(".", "")" value="@permission.Name">
+                        <label class="form-check-label" for="@permission.Name.Replace(".", "")">@permission.DisplayName</label>
                     </div>
                 }
             </div>
diff --git a/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/UpdateResourcePermissionManagementModal.cshtml b/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/UpdateResourcePermissionManagementModal.cshtml
index 5aee69f264..59b7f55236 100644
--- a/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/UpdateResourcePermissionManagementModal.cshtml
+++ b/modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/UpdateResourcePermissionManagementModal.cshtml
@@ -31,8 +31,8 @@
                 @foreach (var permission in Model.ResourcePermissions.Permissions)
                 {
                     <div class="form-check">
-                        <input class="form-check-input" type="checkbox" name="UpdateModel.Permissions[]" id="@permission.Name" value="@permission.Name" checked="@permission.IsGranted">
-                        <label class="form-check-label" for="@permission.Name">@permission.DisplayName</label>
+                        <input class="form-check-input" type="checkbox" name="UpdateModel.Permissions[]" id="@permission.Name.Replace(".", "")" value="@permission.Name" checked="@permission.IsGranted">
+                        <label class="form-check-label" for="@permission.Name.Replace(".", "")">@permission.DisplayName</label>
                     </div>
                 }
             </div>