diff --git a/packages/logos-docusaurus-theme/src/client/components/OGImageRenderer/index.tsx b/packages/logos-docusaurus-theme/src/client/components/OGImageRenderer/index.tsx
index 3766e80..5c20ed8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/OGImageRenderer/index.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/OGImageRenderer/index.tsx
@@ -283,7 +283,9 @@ const pagesImageRenderer = imageRendererFactory(
 
     return [
       <Layout
-        title={metadata.title}
+        title={
+          (metadata as MDXPageMetadata).frontMatter?.title || metadata.title
+        }
         footer={url.host}
         logo={
           logo && <img src={logo.src as any} style={{ height: logo.height }} />