From 148fe595cef39fd23b958d8019ef6426fc4e104a Mon Sep 17 00:00:00 2001
From: Elena Makarova <el-makarova@yandex-team.ru>
Date: Tue, 2 Jul 2024 17:22:09 +0300
Subject: [PATCH] fix: group name style

---
 src/containers/Tenant/Acl/Acl.scss | 3 +++
 src/containers/Tenant/Acl/Acl.tsx  | 2 +-
 src/styles/mixins.scss             | 5 +++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/containers/Tenant/Acl/Acl.scss b/src/containers/Tenant/Acl/Acl.scss
index e9c0bcd96..7f2e5d420 100644
--- a/src/containers/Tenant/Acl/Acl.scss
+++ b/src/containers/Tenant/Acl/Acl.scss
@@ -13,4 +13,7 @@
         display: flex;
         flex-direction: column;
     }
+    &__group-label {
+        @include subheader-2-typography();
+    }
 }
diff --git a/src/containers/Tenant/Acl/Acl.tsx b/src/containers/Tenant/Acl/Acl.tsx
index 6ffba3423..799262940 100644
--- a/src/containers/Tenant/Acl/Acl.tsx
+++ b/src/containers/Tenant/Acl/Acl.tsx
@@ -97,7 +97,7 @@ function getAclListItems(acl?: TACE[]): DefinitionListItem[] {
             };
         }
         return {
-            label: Subject,
+            label: <span className={b('group-label')}>{Subject}</span>,
             items: aclParams
                 .map((key) => {
                     const value = data[key];
diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss
index 571b99130..af80fbe18 100644
--- a/src/styles/mixins.scss
+++ b/src/styles/mixins.scss
@@ -35,6 +35,11 @@
     line-height: var(--g-text-subheader-3-line-height);
 }
 
+@mixin subheader-2-typography() {
+    font-size: var(--g-text-subheader-2-font-size);
+    line-height: var(--g-text-subheader-2-line-height);
+}
+
 @mixin header-1-typography() {
     font-size: var(--g-text-header-1-font-size);
     line-height: var(--g-text-header-1-line-height);