diff --git a/astro.config.mts b/astro.config.mts
index 2d851c5..7d5f877 100644
--- a/astro.config.mts
+++ b/astro.config.mts
@@ -35,12 +35,15 @@ function patchLucideStyles(): Plugin {
   };
 }
 
+const site = "https://pixieditor.net";
+
 // https://astro.build/config
 export default defineConfig({
-  site: "https://pixieditor.net",
+  site: site,
   integrations: [mdx(), solidJs(), sitemap(
     {
-      filter: (page) => page !== "https://pixieditor.net/purchaseSuccess/",
+      customSitemaps: [`${site}/docs/sitemap-index.xml`],
+      filter: (page) => page !== `${site}/purchaseSuccess/`
     }
   )],
   markdown: {
diff --git a/package.json b/package.json
index a379cc3..ec64763 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
   "dependencies": {
     "@astrojs/mdx": "^4.2.6",
     "@astrojs/rss": "^4.0.12",
-    "@astrojs/sitemap": "^3.4.0",
+    "@astrojs/sitemap": "^3.6.0",
     "@astrojs/solid-js": "^5.0.10",
     "@fontsource/montserrat": "^5.1.1",
     "@tailwindcss/typography": "^0.5.16",
diff --git a/src/components/FlathubWidget.astro b/src/components/FlathubWidget.astro
index fa7ce58..1596939 100644
--- a/src/components/FlathubWidget.astro
+++ b/src/components/FlathubWidget.astro
@@ -21,7 +21,8 @@ const {
   }
 
   .flathub-card {
-    width: 380px;
+    width: 100%;
+    max-width: 380px;
     background: var(--card-bg);
     border: 1px solid var(--border);
     border-radius: var(--radius);
diff --git a/src/pages/blog/[year]/[month]/[day]/[id].astro b/src/pages/blog/[year]/[month]/[day]/[id].astro
index 11c6da4..313390e 100644
--- a/src/pages/blog/[year]/[month]/[day]/[id].astro
+++ b/src/pages/blog/[year]/[month]/[day]/[id].astro
@@ -43,9 +43,9 @@ const { Content, headings } = await render(post);
 <Layout fullTitle={`${post.data.title} | PixiEditor Blog`} description={post.data.description} cover={post.data.cover ?? "img/blog-cover.png"}>
     <div class="mx-auto max-w-screen-xl pt-12 pb-12">
         <a class="mb-2 block text-neutral-400" href="/blog"><Lucide data="chevron-left" class="align-bottom pe-3" /> All Articles</a>
-        <h1 class="text-5xl font-bold my-6 px-4">{post.data.title}</h1>
+        <h1 class="text-2xl sm:text-5xl font-bold my-6 px-4">{post.data.title}</h1>
         <div class="flex pb-12 lg:flex-row flex-col md:gap-6 lg:gap-12 items-center lg:items-start p-4 lg:p-0">
-            <div class="flex flex-col w-full lg:w-auto pb-4 lg:items-end w-48 lg:top-22">
+            <div class="flex flex-col lg:w-auto pb-4 lg:items-end lg:top-22">
                 <div class="flex lg:flex-col md:flex-row h-fit gap-4 lg:gap-0 items-center lg:items-stretch">
                     {author ? <Image src={author.data.picture} class="object-contain w-12" alt=""/> : null}
                     <a href={authorReference ? `/blog/authors/${authorReference.id}` : null}>{author?.data.name ?? "Anonymous"}</a>
@@ -61,7 +61,7 @@ const { Content, headings } = await render(post);
                 </div>
                 <p class="text-neutral-400 block lg:hidden">{dateString}</p>
             </div>
-            <div class="prose prose-pixi">
+            <div class="prose prose-pixi w-full">
                 <Content />
             </div>
             <div class="hidden lg:flex flex-col text-nowrap w-40 sticky top-25">
diff --git a/yarn.lock b/yarn.lock
index 033a390..d72e6a7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -100,14 +100,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@astrojs/sitemap@npm:^3.4.0":
-  version: 3.4.0
-  resolution: "@astrojs/sitemap@npm:3.4.0"
+"@astrojs/sitemap@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "@astrojs/sitemap@npm:3.6.0"
   dependencies:
     sitemap: "npm:^8.0.0"
     stream-replace-string: "npm:^2.0.0"
-    zod: "npm:^3.24.2"
-  checksum: 10c0/f7b3811cc2eb14161b73933864ad0d525d103390626b4c7c7e42ab290bfe4acc53042e42fdf00cc6a64b7cf34bc5ca3c29ca11a09de85334949d399776f75f67
+    zod: "npm:^3.25.76"
+  checksum: 10c0/a88c3c0c476b230cd1717c37d55408c57295539e9d141ff6738bcf38cefeb340a79b1d08c08f9bec39ec7ad6bfbb619454e1ae2053c8a65bbe3f1cd87a9e5904
   languageName: node
   linkType: hard
 
@@ -4570,7 +4570,7 @@ __metadata:
   dependencies:
     "@astrojs/mdx": "npm:^4.2.6"
     "@astrojs/rss": "npm:^4.0.12"
-    "@astrojs/sitemap": "npm:^3.4.0"
+    "@astrojs/sitemap": "npm:^3.6.0"
     "@astrojs/solid-js": "npm:^5.0.10"
     "@fontsource/montserrat": "npm:^5.1.1"
     "@tailwindcss/typography": "npm:^0.5.16"
@@ -6106,6 +6106,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"zod@npm:^3.25.76":
+  version: 3.25.76
+  resolution: "zod@npm:3.25.76"
+  checksum: 10c0/5718ec35e3c40b600316c5b4c5e4976f7fee68151bc8f8d90ec18a469be9571f072e1bbaace10f1e85cf8892ea12d90821b200e980ab46916a6166a4260a983c
+  languageName: node
+  linkType: hard
+
 "zwitch@npm:^2.0.0, zwitch@npm:^2.0.4":
   version: 2.0.4
   resolution: "zwitch@npm:2.0.4"