diff --git a/x-pack/plugins/observability/public/components/shared/core_web_vitals/core_vital_item.tsx b/x-pack/plugins/observability/public/components/shared/core_web_vitals/core_vital_item.tsx
index 9fbb2c0fba672..0d0a388855ff2 100644
--- a/x-pack/plugins/observability/public/components/shared/core_web_vitals/core_vital_item.tsx
+++ b/x-pack/plugins/observability/public/components/shared/core_web_vitals/core_vital_item.tsx
@@ -88,7 +88,7 @@ export function CoreVitalItem({
 
   const biggestValIndex = ranks.indexOf(Math.max(...ranks));
 
-  if (value === undefined && ranks[0] === 100) {
+  if (value === undefined && ranks[0] === 100 && !loading) {
     return <EuiCard title={title} isDisabled={true} description={NO_DATA} />;
   }
   return (