diff --git a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
index 19d9f0fa78..129d5fc0be 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
+++ b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
@@ -70,10 +70,7 @@
             </div>
             <hr class="my-2" />
             @for (permission of selectedGroupPermissions; track $index; let i = $index) {
-              <div
-                [ngStyle]="permission.style"
-                class="form-check mb-2"
-              >
+              <div [ngStyle]="permission.style" class="form-check mb-2">
                 <input
                   #permissionCheckbox
                   type="checkbox"
@@ -88,8 +85,7 @@
                   >{{ permission.displayName }}
                   @if (!hideBadges) {
                     @for (provider of permission.grantedProviders; track $index) {
-                      <span
-                        class="badge bg-light text-dark"
+                      <span class="badge bg-primary text-dark"
                         >{{ provider.providerName }}: {{ provider.providerKey }}</span
                       >
                     }