diff --git a/dashboard/components/FragmentGraph.tsx b/dashboard/components/FragmentGraph.tsx
index ab33b3954ac2..cb9c021a312e 100644
--- a/dashboard/components/FragmentGraph.tsx
+++ b/dashboard/components/FragmentGraph.tsx
@@ -510,10 +510,11 @@ export default function FragmentGraph({
             d3.selectAll(".tooltip").remove()
 
             // Create new tooltip
+            const bpValue = backPressures?.get(`${d.source}_${d.target}`)
             const tooltipText = `<b>Fragment ${d.source} → ${
               d.target
             }</b><br>Backpressure: ${
-              backPressures?.get(`${d.source}_${d.target}`) ?? "N/A"
+              bpValue != null ? `${(bpValue * 100).toFixed(2)}%` : "N/A"
             }`
             d3.select("body")
               .append("div")
diff --git a/dashboard/components/RelationGraph.tsx b/dashboard/components/RelationGraph.tsx
index 3d1a1bbeb889..183acdec5c16 100644
--- a/dashboard/components/RelationGraph.tsx
+++ b/dashboard/components/RelationGraph.tsx
@@ -208,10 +208,11 @@ export default function RelationGraph({
           d3.selectAll(".tooltip").remove()
 
           // Create new tooltip
+          const bpValue = backPressures?.get(`${d.source}_${d.target}`)
           const tooltipText = `<b>Relation ${d.source} → ${
             d.target
           }</b><br>Backpressure: ${
-            backPressures?.get(`${d.source}_${d.target}`) ?? "N/A"
+            bpValue != null ? `${(bpValue * 100).toFixed(2)}%` : "N/A"
           }`
           d3.select("body")
             .append("div")