From eb902858e7d65adb986b4ce3a71d5f0882ebac10 Mon Sep 17 00:00:00 2001
From: Aseem Bansal <asmbansal2@gmail.com>
Date: Wed, 20 Aug 2025 21:12:35 +0530
Subject: [PATCH] fix(ui/ingest): expand when clicking anywhere not just icon
 (#14515)

---
 .../components/reporting/StructuredReportItem.tsx          | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/datahub-web-react/src/app/ingestV2/executions/components/reporting/StructuredReportItem.tsx b/datahub-web-react/src/app/ingestV2/executions/components/reporting/StructuredReportItem.tsx
index 6208c4f473..43ef2b88ce 100644
--- a/datahub-web-react/src/app/ingestV2/executions/components/reporting/StructuredReportItem.tsx
+++ b/datahub-web-react/src/app/ingestV2/executions/components/reporting/StructuredReportItem.tsx
@@ -47,8 +47,9 @@ export function StructuredReportItem({ item, color, textColor, icon, defaultActi
     return (
         <StyledCard
             style={{ backgroundColor: color }}
+            onClick={toggleExpanded}
             icon={
-                <HeaderContainer onClick={toggleExpanded}>
+                <HeaderContainer>
                     {icon && <Icon icon={icon} source="phosphor" style={{ color: textColor }} size="md" />}
                     <ChevronIcon
                         icon={isExpanded ? 'CaretUp' : 'CaretDown'}
@@ -69,10 +70,10 @@ export function StructuredReportItem({ item, color, textColor, icon, defaultActi
                 </Text>
             }
             width="100%"
-            isCardClickable={false}
+            isCardClickable
         >
             {isExpanded && (
-                <Content>
+                <Content onClick={(e) => e.stopPropagation()}>
                     <StructuredReportItemContext item={item} />
                 </Content>
             )}