diff --git a/src/routes/details/components/breakdown/breakdownHeader.tsx b/src/routes/details/components/breakdown/breakdownHeader.tsx index fc97f1b7e..f57fd1d66 100644 --- a/src/routes/details/components/breakdown/breakdownHeader.tsx +++ b/src/routes/details/components/breakdown/breakdownHeader.tsx @@ -136,6 +136,8 @@ class BreakdownHeader extends React.Component { ? orgUnitIdKey : groupBy; + const showClusterInfo = clusterInfoComponent && isClusterInfoToggleEnabled; + return (
@@ -166,15 +168,14 @@ class BreakdownHeader extends React.Component { - {description || - (clusterInfoComponent && isClusterInfoToggleEnabled && ( - - {description} - {clusterInfoComponent && isClusterInfoToggleEnabled ? ( - {clusterInfoComponent} - ) : null} - - ))} + {(description || showClusterInfo) && ( + + {description} + {showClusterInfo ? ( + {clusterInfoComponent} + ) : null} + + )} {dataDetailsComponent && isClusterInfoToggleEnabled ? {dataDetailsComponent} : null} {showCostDistribution && (