From e3d42a7d6b4b48dca1089e8f05e41dd108804cb4 Mon Sep 17 00:00:00 2001
From: Elena Makarova <el-makarova@yandex-team.ru>
Date: Tue, 2 Jul 2024 17:53:47 +0300
Subject: [PATCH] fix: acl layout

---
 src/containers/Tenant/Acl/Acl.scss |  3 +++
 src/containers/Tenant/Acl/Acl.tsx  | 15 ++++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/containers/Tenant/Acl/Acl.scss b/src/containers/Tenant/Acl/Acl.scss
index 7f2e5d420..bc84893ac 100644
--- a/src/containers/Tenant/Acl/Acl.scss
+++ b/src/containers/Tenant/Acl/Acl.scss
@@ -2,6 +2,9 @@
 
 .ydb-acl {
     width: 100%;
+    &__owner-container {
+        padding-bottom: 25px;
+    }
     &__result {
         padding-bottom: 16px;
     }
diff --git a/src/containers/Tenant/Acl/Acl.tsx b/src/containers/Tenant/Acl/Acl.tsx
index 799262940..8068f4fe3 100644
--- a/src/containers/Tenant/Acl/Acl.tsx
+++ b/src/containers/Tenant/Acl/Acl.tsx
@@ -151,11 +151,16 @@ export const Acl = ({path}: {path: string}) => {
 
     return (
         <div className={b()}>
-            <DefinitionList
-                items={ownerItem.concat(aclListItems)}
-                nameMaxWidth={200}
-                className={b('result')}
-            />
+            {ownerItem.length && (
+                <DefinitionList
+                    items={ownerItem}
+                    nameMaxWidth={200}
+                    className={b('owner-container')}
+                />
+            )}
+            {aclListItems.length && (
+                <DefinitionList items={aclListItems} nameMaxWidth={200} className={b('result')} />
+            )}
         </div>
     );
 };