diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1068cc2ba..11f1598ac 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -26,8 +26,8 @@
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${default_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/accordion.md b/src/routes/components/accordion.md
index 2f1f7c331..101ff3d95 100644
--- a/src/routes/components/accordion.md
+++ b/src/routes/components/accordion.md
@@ -20,8 +20,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/alert.md b/src/routes/components/alert.md
index a6b85780e..74a52c592 100644
--- a/src/routes/components/alert.md
+++ b/src/routes/components/alert.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/avatar.md b/src/routes/components/avatar.md
index f8c35d445..da6a01fd0 100644
--- a/src/routes/components/avatar.md
+++ b/src/routes/components/avatar.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/badge.md b/src/routes/components/badge.md
index e75c8422d..454e89883 100644
--- a/src/routes/components/badge.md
+++ b/src/routes/components/badge.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/breadcrumb.md b/src/routes/components/breadcrumb.md
index ddb9025ce..5b6569eb3 100644
--- a/src/routes/components/breadcrumb.md
+++ b/src/routes/components/breadcrumb.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/button-group.md b/src/routes/components/button-group.md
index 4771e1bd7..630d39b90 100644
--- a/src/routes/components/button-group.md
+++ b/src/routes/components/button-group.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/button.md b/src/routes/components/button.md
index 8a623a949..1fa173dff 100644
--- a/src/routes/components/button.md
+++ b/src/routes/components/button.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/card.md b/src/routes/components/card.md
index 31efa8b76..d335ff122 100644
--- a/src/routes/components/card.md
+++ b/src/routes/components/card.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/carousel.md b/src/routes/components/carousel.md
index 9fafcb7ca..96a5aadc4 100644
--- a/src/routes/components/carousel.md
+++ b/src/routes/components/carousel.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/darkmode.md b/src/routes/components/darkmode.md
index 06eb1bed1..fe5a543d1 100644
--- a/src/routes/components/darkmode.md
+++ b/src/routes/components/darkmode.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/drawer.md b/src/routes/components/drawer.md
index 99d31cb9e..a596f3fcc 100644
--- a/src/routes/components/drawer.md
+++ b/src/routes/components/drawer.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/footer.md b/src/routes/components/footer.md
index 363c530a2..7b1354045 100644
--- a/src/routes/components/footer.md
+++ b/src/routes/components/footer.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/forms.md b/src/routes/components/forms.md
index 3a1cc4d67..063c50a6a 100644
--- a/src/routes/components/forms.md
+++ b/src/routes/components/forms.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/kbd.md b/src/routes/components/kbd.md
index 3151afe17..02382d24e 100644
--- a/src/routes/components/kbd.md
+++ b/src/routes/components/kbd.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/list-group.md b/src/routes/components/list-group.md
index fdc71a4a7..8836dd1c9 100644
--- a/src/routes/components/list-group.md
+++ b/src/routes/components/list-group.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/mega-menu.md b/src/routes/components/mega-menu.md
index 688f66b36..5008320d9 100644
--- a/src/routes/components/mega-menu.md
+++ b/src/routes/components/mega-menu.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/modal.md b/src/routes/components/modal.md
index d9327173d..15e40dd2e 100644
--- a/src/routes/components/modal.md
+++ b/src/routes/components/modal.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/navbar.md b/src/routes/components/navbar.md
index 0515999ee..e30d2749f 100644
--- a/src/routes/components/navbar.md
+++ b/src/routes/components/navbar.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/pagination.md b/src/routes/components/pagination.md
index 39d99dd53..f84cf5bfe 100644
--- a/src/routes/components/pagination.md
+++ b/src/routes/components/pagination.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/popover.md b/src/routes/components/popover.md
index 70bc369cd..e7123ef4a 100644
--- a/src/routes/components/popover.md
+++ b/src/routes/components/popover.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/progress.md b/src/routes/components/progress.md
index fd9884f70..db1d67a32 100644
--- a/src/routes/components/progress.md
+++ b/src/routes/components/progress.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/rating.md b/src/routes/components/rating.md
index 50a5b2c79..2e0c8d108 100644
--- a/src/routes/components/rating.md
+++ b/src/routes/components/rating.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/sidebar.md b/src/routes/components/sidebar.md
index 15e31f108..29cf1f98e 100644
--- a/src/routes/components/sidebar.md
+++ b/src/routes/components/sidebar.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/skeleton.md b/src/routes/components/skeleton.md
index bd54b9ac6..c0436ead8 100644
--- a/src/routes/components/skeleton.md
+++ b/src/routes/components/skeleton.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/spinner.md b/src/routes/components/spinner.md
index aceb82802..5c42883d6 100644
--- a/src/routes/components/spinner.md
+++ b/src/routes/components/spinner.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/tab.md b/src/routes/components/tab.md
index 127a18408..5bb3b3c0e 100644
--- a/src/routes/components/tab.md
+++ b/src/routes/components/tab.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/table.md b/src/routes/components/table.md
index bf3b827ac..3b75a6fe7 100644
--- a/src/routes/components/table.md
+++ b/src/routes/components/table.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/timeline.md b/src/routes/components/timeline.md
index f56f12a1e..9800070b4 100644
--- a/src/routes/components/timeline.md
+++ b/src/routes/components/timeline.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/toast.md b/src/routes/components/toast.md
index 06eeb0595..4e38ffd2c 100644
--- a/src/routes/components/toast.md
+++ b/src/routes/components/toast.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/tooltip.md b/src/routes/components/tooltip.md
index 8d6671ed3..0071077c1 100644
--- a/src/routes/components/tooltip.md
+++ b/src/routes/components/tooltip.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/typography.md b/src/routes/components/typography.md
index c3119343a..54aab36a3 100644
--- a/src/routes/components/typography.md
+++ b/src/routes/components/typography.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/components/video.md b/src/routes/components/video.md
index 34d0b6211..b28cf1c1a 100644
--- a/src/routes/components/video.md
+++ b/src/routes/components/video.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/extend/flowbite-svelte-starter.md b/src/routes/extend/flowbite-svelte-starter.md
index 8f1ed855f..18a649239 100644
--- a/src/routes/extend/flowbite-svelte-starter.md
+++ b/src/routes/extend/flowbite-svelte-starter.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/extend/icons.md b/src/routes/extend/icons.md
index 7f71d6c6c..542e6471e 100644
--- a/src/routes/extend/icons.md
+++ b/src/routes/extend/icons.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/checkbox.md b/src/routes/forms/checkbox.md
index 16e3129f9..164789464 100644
--- a/src/routes/forms/checkbox.md
+++ b/src/routes/forms/checkbox.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/file-input.md b/src/routes/forms/file-input.md
index 4d85f0261..2a989ebbc 100644
--- a/src/routes/forms/file-input.md
+++ b/src/routes/forms/file-input.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/floating-label.md b/src/routes/forms/floating-label.md
index 275039b4b..9dbbbcf6c 100644
--- a/src/routes/forms/floating-label.md
+++ b/src/routes/forms/floating-label.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/input-field.md b/src/routes/forms/input-field.md
index c07548eef..b0bd1cc20 100644
--- a/src/routes/forms/input-field.md
+++ b/src/routes/forms/input-field.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/radio.md b/src/routes/forms/radio.md
index 40105060f..fbe2e9897 100644
--- a/src/routes/forms/radio.md
+++ b/src/routes/forms/radio.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/range.md b/src/routes/forms/range.md
index 95184def8..5e954890a 100644
--- a/src/routes/forms/range.md
+++ b/src/routes/forms/range.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/search-input.md b/src/routes/forms/search-input.md
index 76b2140dc..4e355cfb2 100644
--- a/src/routes/forms/search-input.md
+++ b/src/routes/forms/search-input.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/select.md b/src/routes/forms/select.md
index 017595661..73d98987a 100644
--- a/src/routes/forms/select.md
+++ b/src/routes/forms/select.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/textarea.md b/src/routes/forms/textarea.md
index 7daa34711..d08849ce1 100644
--- a/src/routes/forms/textarea.md
+++ b/src/routes/forms/textarea.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/forms/toggle.md b/src/routes/forms/toggle.md
index 55259be0c..8012d6e7e 100644
--- a/src/routes/forms/toggle.md
+++ b/src/routes/forms/toggle.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/pages/about.md b/src/routes/pages/about.md
index ae190f038..edf32b1d8 100644
--- a/src/routes/pages/about.md
+++ b/src/routes/pages/about.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/pages/getting-started.md b/src/routes/pages/getting-started.md
index 4b9104cd1..0b57571e3 100644
--- a/src/routes/pages/getting-started.md
+++ b/src/routes/pages/getting-started.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/pages/how-to-contribute.md b/src/routes/pages/how-to-contribute.md
index abd27f545..c8404677c 100644
--- a/src/routes/pages/how-to-contribute.md
+++ b/src/routes/pages/how-to-contribute.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/pages/license.md b/src/routes/pages/license.md
index 63ac50e4a..3acd9e619 100644
--- a/src/routes/pages/license.md
+++ b/src/routes/pages/license.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/pages/types.md b/src/routes/pages/types.md
index 42ea2cf4c..00f401601 100644
--- a/src/routes/pages/types.md
+++ b/src/routes/pages/types.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/blockquote.md b/src/routes/typography/blockquote.md
index 6c42e0bd0..c98adf55a 100644
--- a/src/routes/typography/blockquote.md
+++ b/src/routes/typography/blockquote.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/heading.md b/src/routes/typography/heading.md
index f17e7c6f7..70462e958 100644
--- a/src/routes/typography/heading.md
+++ b/src/routes/typography/heading.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/hr.md b/src/routes/typography/hr.md
index 8c786aebf..ecc83925a 100644
--- a/src/routes/typography/hr.md
+++ b/src/routes/typography/hr.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/image.md b/src/routes/typography/image.md
index 49f55a3ce..30b1b9a7d 100644
--- a/src/routes/typography/image.md
+++ b/src/routes/typography/image.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/link.md b/src/routes/typography/link.md
index 8e340549a..e58cb4f77 100644
--- a/src/routes/typography/link.md
+++ b/src/routes/typography/link.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/list.md b/src/routes/typography/list.md
index bdaa64af9..96825432c 100644
--- a/src/routes/typography/list.md
+++ b/src/routes/typography/list.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/paragraph.md b/src/routes/typography/paragraph.md
index 50e070eb8..51b4b4666 100644
--- a/src/routes/typography/paragraph.md
+++ b/src/routes/typography/paragraph.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/typography/text.md b/src/routes/typography/text.md
index 6da85d1c5..1558f6b1a 100644
--- a/src/routes/typography/text.md
+++ b/src/routes/typography/text.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/utilities/close-button.md b/src/routes/utilities/close-button.md
index 94ff0f459..fcb9b2b54 100644
--- a/src/routes/utilities/close-button.md
+++ b/src/routes/utilities/close-button.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/utilities/colors.md b/src/routes/utilities/colors.md
index cbc917513..b011485f0 100644
--- a/src/routes/utilities/colors.md
+++ b/src/routes/utilities/colors.md
@@ -20,8 +20,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/utilities/label.md b/src/routes/utilities/label.md
index 1b85ce885..21e8671b3 100644
--- a/src/routes/utilities/label.md
+++ b/src/routes/utilities/label.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/src/routes/utilities/toolbar.md b/src/routes/utilities/toolbar.md
index 5b79d7ecc..734ff95e2 100644
--- a/src/routes/utilities/toolbar.md
+++ b/src/routes/utilities/toolbar.md
@@ -21,8 +21,8 @@ openGraph={{
     images: [
       {
         url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${breadcrumb_title}`,
-        width: 800,
-        height: 600,
+        width: 1200,
+        height: 630,
         alt: `${title}`
       }
     ],
diff --git a/tests/utilities.spec.ts b/tests/utilities.spec.ts
index ef5c67489..604ef7fa5 100644
--- a/tests/utilities.spec.ts
+++ b/tests/utilities.spec.ts
@@ -7,7 +7,7 @@ import { expect, test } from '@playwright/test';
 
 // Utilities
 test('CloseButton page should have h1', async ({ page }) => {
-  await page.goto('/utilities/closebutton');
+  await page.goto('/utilities/close-button');
   expect(await page.textContent('h1')).toBe('Svelte Close Button - Flowbite');
 });
 
@@ -15,7 +15,7 @@ test('Label page should have h1', async ({ page }) => {
   await page.goto('/utilities/label');
   expect(await page.textContent('h1')).toBe('Svelte Label - Flowbite');
 });
-  
+
 test('Toolbar page should have h1', async ({ page }) => {
   await page.goto('/utilities/toolbar');
   expect(await page.textContent('h1')).toBe('Svelte Toolbar - Flowbite');