diff --git a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx
index 051dc1dbe..03aa58b23 100644
--- a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx
+++ b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx
@@ -35,10 +35,10 @@ export const Default: Story = {
unit: "ms",
raw: 62466300.59999996
},
- impactScore: 0,
+ impactScore: 0.08999,
impactScores: {
- ScoreExp25: 0,
- ScoreExp1000: 0
+ ScoreExp25: 0.08999,
+ ScoreExp1000: 0.08999
},
insights: [
{
diff --git a/src/components/Assets/AssetList/AssetEntry/index.tsx b/src/components/Assets/AssetList/AssetEntry/index.tsx
index 8ae616523..97b0c294c 100644
--- a/src/components/Assets/AssetList/AssetEntry/index.tsx
+++ b/src/components/Assets/AssetList/AssetEntry/index.tsx
@@ -173,16 +173,14 @@ export const AssetEntry = ({
Performance impact
-
-
-
-
-
+
+
+
)}
diff --git a/src/components/common/ImpactScore/index.tsx b/src/components/common/ImpactScore/index.tsx
index 09669e90e..77bf4508e 100644
--- a/src/components/common/ImpactScore/index.tsx
+++ b/src/components/common/ImpactScore/index.tsx
@@ -1,6 +1,7 @@
import { getFeatureFlagValue } from "../../../featureFlags";
import { useConfigSelector } from "../../../store/config/useConfigSelector";
import { FeatureFlag } from "../../../types";
+import { roundTo } from "../../../utils/roundTo";
import { BackendInfo } from "../App/types";
import { ScoreIndicator } from "../ScoreIndicator";
import { Tooltip } from "../Tooltip";
@@ -64,8 +65,10 @@ export const ImpactScore = ({
}
}
+ const formattedScore = `${roundTo(score * 100, 2)}%`;
+
return (
-
+
{scoreIndicatorPosition === "start" && }
{getImpactScoreLabel(score, backendInfo)}