From 2cf8d9e8e263ef4ee1b064b10b13bb83d524b1e9 Mon Sep 17 00:00:00 2001
From: Shrushti Polekar <shrushtipolekar@gmail.com>
Date: Mon, 19 May 2025 19:13:41 +0530
Subject: [PATCH] fix ui issue for bot roles edit and display (#21283)

---
 .../InheritedRolesCard.component.tsx              |  2 +-
 .../common/RolesCard/RolesCard.component.tsx      |  2 +-
 .../resources/ui/src/styles/components/card.less  | 15 +++++++++++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/InheritedRolesCard/InheritedRolesCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/InheritedRolesCard/InheritedRolesCard.component.tsx
index dd29b85b3d1..80b5e0f3ca8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/InheritedRolesCard/InheritedRolesCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/InheritedRolesCard/InheritedRolesCard.component.tsx
@@ -25,7 +25,7 @@ const InheritedRolesCard = ({ userData }: InheritedRolesCardProps) => {
 
   return (
     <Card
-      className="new-header-border-card"
+      className="bot-page-roles-card-header"
       key="inherited-roles-card-component"
       title={t('label.inherited-role-plural')}>
       <Fragment>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/RolesCard/RolesCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/RolesCard/RolesCard.component.tsx
index 7ecbe6b49e4..b45258c5f01 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/RolesCard/RolesCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/RolesCard/RolesCard.component.tsx
@@ -82,7 +82,7 @@ const RolesCard = ({
   if (isAdminUser) {
     return (
       <Card
-        className="new-header-border-card"
+        className="bot-page-roles-card-header"
         extra={
           !isRolesEdit && (
             <EditIconButton
diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/components/card.less b/openmetadata-ui/src/main/resources/ui/src/styles/components/card.less
index ffbdd015598..0bc1fc85e98 100644
--- a/openmetadata-ui/src/main/resources/ui/src/styles/components/card.less
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/components/card.less
@@ -127,3 +127,18 @@
 
   border: 1px solid @grey-15;
 }
+
+.bot-page-roles-card-header {
+  .ant-card-head {
+    background: @grey-50;
+    border-radius: @border-radius-sm;
+    .text-sm();
+    font-weight: 500;
+    border-bottom: none;
+  }
+
+  .ant-card-body {
+    height: auto !important;
+    max-height: none !important;
+  }
+}