diff --git a/web/components/featured-case.tsx b/web/components/featured-case.tsx
index 4a7fb47..808781e 100644
--- a/web/components/featured-case.tsx
+++ b/web/components/featured-case.tsx
@@ -85,7 +85,7 @@ export async function FeaturedCase({ locale }: { locale: "pt-br" | "en" }) {
   if (!c) return null;
   const title = locale === "pt-br" ? (c.topic_pt_br ?? c.topic) : c.topic;
   const heroImg = c.hero_doc_id && c.hero_page
-    ? `/api/static/processing/png/${c.hero_doc_id}/p${String(c.hero_page).padStart(3, "0")}.png`
+    ? `/api/static/processing/png/${c.hero_doc_id}/p-${String(c.hero_page).padStart(3, "0")}.png`
     : null;
 
   return (
diff --git a/web/components/hero-banner.tsx b/web/components/hero-banner.tsx
index 28dbb03..d582532 100644
--- a/web/components/hero-banner.tsx
+++ b/web/components/hero-banner.tsx
@@ -26,7 +26,7 @@ export function HeroBanner({ locale, stats, heroDocId, heroPage }: {
   heroPage?: number;
 }) {
   const heroImg = heroDocId && heroPage
-    ? `/api/static/processing/png/${heroDocId}/p${String(heroPage).padStart(3, "0")}.png`
+    ? `/api/static/processing/png/${heroDocId}/p-${String(heroPage).padStart(3, "0")}.png`
     : null;
 
   return (