From 26f55b31fb155d85d960d165c695454d42d3adce Mon Sep 17 00:00:00 2001
From: Shailesh Parmar <shailesh.parmar.webdev@gmail.com>
Date: Thu, 7 Mar 2024 12:56:48 +0530
Subject: [PATCH] Minor: fixed ui layout issue of role page (#15481)

---
 .../PoliciesPage/PoliciesDetailPage/PoliciesDetailPage.tsx  | 2 +-
 .../src/pages/RolesPage/RolesDetailPage/RolesDetailPage.tsx | 6 ++++--
 .../src/pages/RolesPage/RolesDetailPage/roles-detail.less   | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/PoliciesPage/PoliciesDetailPage/PoliciesDetailPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/PoliciesPage/PoliciesDetailPage/PoliciesDetailPage.tsx
index 5dc094b1355..bba3ea807d6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/PoliciesPage/PoliciesDetailPage/PoliciesDetailPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/PoliciesPage/PoliciesDetailPage/PoliciesDetailPage.tsx
@@ -346,7 +346,7 @@ const PoliciesDetailPage = () => {
               </Typography.Title>
               <DescriptionV1
                 hasEditAccess
-                className="m-t-md"
+                className="m-y-md"
                 description={policy.description || ''}
                 entityFqn={policy.fullyQualifiedName}
                 entityName={policyName}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/RolesDetailPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/RolesDetailPage.tsx
index 2d8a4fdbe21..d5dc1fec802 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/RolesDetailPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/RolesDetailPage.tsx
@@ -261,7 +261,7 @@ const RolesDetailPage = () => {
               </Typography.Title>
               <DescriptionV1
                 hasEditAccess
-                className="m-b-md"
+                className="m-y-md"
                 description={role.description || ''}
                 entityFqn={role.fullyQualifiedName}
                 entityName={roleName}
@@ -275,7 +275,9 @@ const RolesDetailPage = () => {
 
               <Tabs data-testid="tabs" defaultActiveKey="policies">
                 <TabPane key="policies" tab={t('label.policy-plural')}>
-                  <Space className="w-full" direction="vertical">
+                  <Space
+                    className="role-detail-tab w-full"
+                    direction="vertical">
                     <Button
                       data-testid="add-policy"
                       type="primary"
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/roles-detail.less b/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/roles-detail.less
index 7667101f435..522a2aabe36 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/roles-detail.less
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/roles-detail.less
@@ -18,7 +18,7 @@
       padding-left: 16px;
     }
   }
-  .ant-space {
+  .role-detail-tab.ant-space {
     > .ant-space-item:first-child {
       align-self: flex-end;
     }