diff --git a/www/src/components/showcase-details.js b/www/src/components/showcase-details.js
index ae35efcba7752..3d4ba421f7468 100644
--- a/www/src/components/showcase-details.js
+++ b/www/src/components/showcase-details.js
@@ -279,8 +279,8 @@ const ShowcaseDetails = ({ parent, data, isModal, categories }) => (
             }}
           >
             <div css={{ width: `100%` }}>
-              <Helmet>
-                <title>{data.sitesYaml.title}: Showcase | GatsbyJS</title>
+              <Helmet titleTemplate="%s | GatsbyJS">
+                <title>{`${data.sitesYaml.title}: Showcase`}</title>
                 <meta
                   property="og:image"
                   content={`https://www.gatsbyjs.org${screenshotFile.resize.src}`}