diff --git a/app/api/guides/[guideId]/artifacts/image/route.tsx b/app/api/guides/[guideId]/artifacts/image/route.tsx
index 2a9b5b4..8173b7f 100644
--- a/app/api/guides/[guideId]/artifacts/image/route.tsx
+++ b/app/api/guides/[guideId]/artifacts/image/route.tsx
@@ -193,7 +193,7 @@ export async function GET(
                       {row.note ? <div style={{ display: "flex", color: "#b9b9c2", fontSize: 14, lineHeight: 1.55 }}>{row.note}</div> : null}
                     </div>
                     <div style={{ display: "flex", color: "#f0b72f", fontSize: 26, fontWeight: 700 }}>
-                      {metric(row.percent)}
+                      {Number(row.percent) === 0 ? "-%" : metric(row.percent)}
                     </div>
                   </div>
                 ))}
diff --git a/components/public/structured-guide.tsx b/components/public/structured-guide.tsx
index c4338bd..4ed24dc 100644
--- a/components/public/structured-guide.tsx
+++ b/components/public/structured-guide.tsx
@@ -357,7 +357,7 @@ function ArtifactSection({ guide }: { guide: PublicGuide }) {
                       {row.note ? <p className="whitespace-pre-wrap text-sm text-muted-foreground">{row.note}</p> : null}
                     </div>
                     <p className="text-2xl font-semibold text-primary">
-                      {metric(row.percent)}
+                      {Number(row.percent) === 0 ? "-%" : metric(row.percent)}
                     </p>
                   </div>
                 ))}