diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 6fa19e02..35386131 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -57,7 +57,7 @@ const config: Config = {
 
   themeConfig: {
     // Replace with your project's social card
-    image: 'img/docusaurus-social-card.jpg',
+    image: 'img/social-card-docs.png',
     navbar: {
       title: 'FlutterFlow Docs',
       logo: {
diff --git a/static/img/docusaurus-social-card.jpg b/static/img/docusaurus-social-card.jpg
deleted file mode 100644
index ffcb4482..00000000
Binary files a/static/img/docusaurus-social-card.jpg and /dev/null differ
diff --git a/static/img/docusaurus.png b/static/img/docusaurus.png
deleted file mode 100644
index f458149e..00000000
Binary files a/static/img/docusaurus.png and /dev/null differ
diff --git a/static/img/social-card-docs.png b/static/img/social-card-docs.png
new file mode 100644
index 00000000..d4980a23
Binary files /dev/null and b/static/img/social-card-docs.png differ