diff --git a/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip-InfoSummary.test.tsx b/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip-InfoSummary.test.tsx
new file mode 100644
index 0000000000..dc60887b68
--- /dev/null
+++ b/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip-InfoSummary.test.tsx
@@ -0,0 +1,18 @@
+import { render, screen } from '@testing-library/react';
+import { InfoSummary } from './MetricsChartTooltip';
+
+test('Renders apps, flags, and environments, even when their data is `N/A`', () => {
+    render(
+        <InfoSummary
+            data={[
+                { key: 'Flags', value: 'N/A' },
+                { key: 'Environments', value: 'N/A' },
+                { key: 'Apps', value: 'N/A' },
+            ]}
+        />,
+    );
+
+    screen.getByText('Environments');
+    screen.getByText('Apps');
+    screen.getByText('Flags');
+});
diff --git a/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip.tsx b/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip.tsx
index 4d0ace90cb..73c223dc81 100644
--- a/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip.tsx
+++ b/frontend/src/component/executiveDashboard/componentsChart/MetricsSummaryChart/MetricsChartTooltip/MetricsChartTooltip.tsx
@@ -35,28 +35,26 @@ const InfoLine = ({
     </Typography>
 );
 
-const InfoSummary = ({
+export const InfoSummary = ({
     data,
 }: { data: { key: string; value: string | number }[] }) => (
     <Box display={'flex'} flexDirection={'row'}>
-        {data
-            .filter(({ value }) => value !== 'N/A')
-            .map(({ key, value }) => (
-                <div style={{ flex: 1, flexDirection: 'column' }} key={key}>
-                    <div
-                        style={{
-                            flex: 1,
-                            textAlign: 'center',
-                            marginBottom: '4px',
-                        }}
-                    >
-                        <Typography variant={'body1'} component={'p'}>
-                            {key}
-                        </Typography>
-                    </div>
-                    <div style={{ flex: 1, textAlign: 'center' }}>{value}</div>
+        {data.map(({ key, value }) => (
+            <div style={{ flex: 1, flexDirection: 'column' }} key={key}>
+                <div
+                    style={{
+                        flex: 1,
+                        textAlign: 'center',
+                        marginBottom: '4px',
+                    }}
+                >
+                    <Typography variant={'body1'} component={'p'}>
+                        {key}
+                    </Typography>
                 </div>
-            ))}
+                <div style={{ flex: 1, textAlign: 'center' }}>{value}</div>
+            </div>
+        ))}
     </Box>
 );