diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index a7da66c0e596..9c3111626276 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -97,7 +97,7 @@ function HomepageEnder() {
 }
 
 export default function Home() {
-  const image = useBaseUrl('img/social/data_client_logo_card.jpg');
+  const image = useBaseUrl('img/social/data_client_logo_card.png');
   return (
     <Layout description="Async State Management without the Management.">
       <PageMetadata image={image} />
diff --git a/website/static/img/social/client_logo_and_text_card.png b/website/static/img/social/data_client_logo_card.png
similarity index 100%
rename from website/static/img/social/client_logo_and_text_card.png
rename to website/static/img/social/data_client_logo_card.png