diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 0f38213d..0ba5acf3 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -5,13 +5,9 @@ useSeoMeta({
   title: page.value.title,
   ogTitle: page.value.title,
   description: page.value.description,
-  ogDescription: page.value.description
-})
-
-defineOgImage({
-  component: 'Docs',
-  title: page.value.title,
-  description: page.value.description
+  ogDescription: page.value.description,
+  ogImage: 'https://supabase.nuxtjs.org/social-card.jpg',
+  twitterImage: 'https://supabase.nuxtjs.org/social-card.jpg'
 })
 </script>
 
diff --git a/docs/public/social-card.jpg b/docs/public/social-card.jpg
new file mode 100644
index 00000000..bb81deb8
Binary files /dev/null and b/docs/public/social-card.jpg differ